javascript sends data to php by XMLHttpRequest,also want the php send some data back

Question

I create a xhr in js to send some data to a php file. The php file will insert these data into database. Now I need to know the auto increased ID. I use

echo mysql_insert_id();

to get the ID in php. How can I read this value in javascript?

var xhr = new XMLHttpRequest();

 xhr.open(
         "POST",
         "xxx.php",true
     );
    var postContainer = new Array();
    postContainer.push(
    {
        data1 : value1, 
        data2 : value2,
    });
    var newJ = JSON.stringify(postContainer); 
    xhr.setRequestHeader("Content-type","application/json");
    xhr.send(newJ);

You should consider using a javascript framework for xhr. It makes things A LOT easier. Take a look at jQuery. Here is how you make an ajax request in jQuery — Horen
– Horen, Commented Dec 5, 2012 at 21:32

aziz punjani · Accepted Answer · 2012-12-06 00:34:43Z

1

You can attach an event handler to listen for the onreadystatechange event.

xhr.onreadystatechange = function(){
   // check to make sure response finished and status is 200 meaning OK 
   if ( xhr.readyState == 4 && xhr.status == 200 ){
        console.log( xhr.responseText );        
   }
}

edited Dec 6, 2012 at 0:34

answered Dec 5, 2012 at 21:32

aziz punjani

25.8k9 gold badges49 silver badges56 bronze badges

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

1 Comment

lancellx Over a year ago

In the third line the xmlhttp should be xml. Thank you !

Collectives™ on Stack Overflow

javascript sends data to php by XMLHttpRequest,also want the php send some data back

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related