piSession.buildPageInteractionSession方法无效

Question

hi I wrote simple AJAX call to php file I am getting error in my console . Request should go to the server and return back in the html input field . i am not able to solve Below is my Code

HTML:

    <label>Input your text: </label><input type="text" id="user_text"   onkeyup="update1()"/></br></br>
    <label>Response here: </label><input type="text" id="server_response"  readonly/>

Javascript:

    function update1(){
var current_text = document.getElementById("user_text").value;
var http = new XMLHttpRequest();
http.onreadystatechange = function(){
    if(http.readyState == 4 && http.status == 200){
        var response = http.responseText;
        document.getElementById('server_response').value = response;
    }
    http.open("GET" , "http://localhost/inderstand_Ajax/server.php?user_text="+current_text , true);
    http.send();
}

};

PHP:

    <?php
    $data = $_GET;
    $user_text = $_GET['user_text'];
    $response = strtoupper($user_text)
    echo $response;
    ?>

Error in the console :

    Uncaught (in promise) Object {message: "Invalid method piSession.buildPageInteractionSession", stack: "Error: Invalid method piSession.buildPageInteracti…on↵    at true-key://data/scripts/core.js:10:8889"}

Answer 1

Your code is wrong.

It should be:

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
       // Typical action to be performed when the document is ready:
       document.getElementById("server_response").innerHTML = xhttp.responseText;
    }
};
xhttp.open("GET", "http://localhost/inderstand_Ajax/server.php?user_text="+current_text, true);
xhttp.send(); 

and not:

http.onreadystatechange = function(){
    if(http.readyState == 4 && http.status == 200){
        var response = http.responseText;
        document.getElementById('server_response').value = response;
    }
    http.open("GET" , "http://localhost/inderstand_Ajax/server.php?user_text="+current_text , true);
    http.send();
}

you cannot send the request inside onreadystatechange.