problem in refreshing the page after making two ajax calls

问题

Problem I am making ajax call to server1 i.e. csce and once I got the response I am sending the response as contents to server2 i.e.yahoo server after getting response from there I want to refresh the page or atleast redirect it to the same page. Both ajax calls are working fine. The contents I am sending are also saved the only problem is that I have to manually refresh the page to see the changes. I want to refresh the page once the contents are saved on yahoo. I tried reload and redirect commands in success function of yahoo. But nothing works. I can see the both ajax calls in the HTTPfox but not the redirect.

The url from which i am making calls is different from the url where contents are saved thats why I need to refresh the page to see the changes. i.e. I am saving in yahoo/save while sending contents and seeing changes at yahoo/edit.

I am not sure where I am going wrong. Here is my code I am using. Can anyone suggest where I am going wrong. If my problem is not clear kindly do ask me to clarify more. Thanks.

This code is the code:

 function handleButtonClick()
{
// Declare the variables we'll be using
var xmlHttp, handleRequestStateChange;

   // Define the function to be called when our AJAX request's state changes:
handleRequestStateChange = function()
{
    // Check to see if this state change was "request complete", and
    // there was no server error (404 Not Found, 500 Server Error, etc)
    if (xmlHttp.readyState==4 && xmlHttp.status==200) 
    {
        var substring=xmlHttp.responseText;

        alert(substring);// I am able to see the text which is returned by the server1 i.e csce
var handleSuccess = function(o)
 {
   if(o.responseText !== undefined)
   {
     console.log(o.responseText);
 **window.location.reload()** // also I tried to redirect it to the same site but that also not works


  }
 };
var callback ={ success:handleSuccess,  failure: function(x) {
console.error(x) }, argument: ['foo','bar']};
var request = YAHOO.util.Connect.asyncRequest('POST','http://yahoo.com******', callback, substring);

    }
}

xmlHttp = new XMLHttpRequest();
xmlHttp.open("GET", "http://cse*****id=c6c684d9cc99476a7e7e853d77540ceb", true);
xmlHttp.onreadystatechange = handleRequestStateChange;
xmlHttp.send(null);
 }

回答1:

Do you just want to display the content in your page? Why don't you try something along the lines of document.getElementById('divID').innerHTML = xmlHttp.responseText;?

With divID being the id of a div that you want to fill the content with.

回答2:

try following in the handleRequestStateChange function

window.location.href = window.location.href;

来源：https://stackoverflow.com/questions/4173305/problem-in-refreshing-the-page-after-making-two-ajax-calls

标签

javascript

ajax

yahoo