Ajax Post to PHP and Get Return Data

Question

I am developing a slider to set my budget and would like to achieve the value which I set in slider1.php. However, when I tried using the code below, I encountered an error "Notice: Undefined index: slideStatus in C:\xampp\htdocs\1204763e\slider1\slider1.php on line 4 Thank you , says the PHP file"

In slide.php, I inserted this set of code:

     <html>
    <head>
    <script language="JavaScript" type="text/javascript">

    function ajax_post(val){

        var hr = new XMLHttpRequest();

        var url = "slider1.php";
        var ss = document.getElementById('sliderStatus').innerHTML = val;
        var vars = "sliderStatus="+ss;
        hr.open("POST", url, true);

        hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

        hr.onreadystatechange = function() {
            if(hr.readyState == 4 && hr.status == 200) {
                var return_data = hr.responseText;
                document.getElementById("status").innerHTML = return_data;
            }
        }
        // Send the data to PHP now... and wait for response to update the status div
        hr.send(vars); // Actually execute the request
        document.getElementById("status").innerHTML = "processing...";
    }
    </script>
    </head>
    <body>
    <h2>Ajax Post to PHP and Get Return Data</h2>

    <input type="range" name="slide" min="0" max="100" value="50" step="2" onChange="ajax_post(this.value)" />
    <br /><br />
    <span id="sliderStatus">50</span>
    <br/><br/>

    <div id="status"></div>

    </body>
    </html>



In slider1.php, I inserted this set of code:

    <?php 
    echo 'Thank you '. $_GET['slideStatus'] . ', says the PHP file';
    ?>

Loïc · Accepted Answer · 2014-12-11 14:40:03Z

3

You seem to try to access "slideStatus" but you are posting "sliderStatus".

answered Dec 11, 2014 at 14:40

Loïc

12k2 gold badges35 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

sing Over a year ago

Do you know at which part of the code must I insert ¥ if I wish to display the yen sign in front of the value?

Loïc Over a year ago

there : var ss = document.getElementById('sliderStatus').innerHTML = '¥'+val

sing Over a year ago

sorry but I still could achieve that result after I add '¥'+ before val. Is there any other way?

Collectives™ on Stack Overflow

Ajax Post to PHP and Get Return Data

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related