在 ajax 调用成功后将 ajax 响应数据传递到另一个页面

Question

I have ajax call and pull the data and I want to send the response to next page in ajax success and get the data in drilldown.html

 $.ajax({
         type: "POST",
         url: "drilldown.php",
         data:data,
        success: function(response){
          window.location.href = 'drilldown.php'; // want to post the data this in redirection
      }
});

Answer 1

If there is no server-side involved, you can save the data using Window.localStorage (check if browser compatibility is OK for you)

 $.ajax({
         type: "POST",
         url: "drilldown.html",
         data:data,
        success: function(response){
          localStorage.setItem('myData', data);
          window.location.href = 'drilldown.html'; // want to post the data this in redirection
      }
});

On the drilldown.html page, you can read the data with JavaScript by

var data = localStorage.getItem('myData');

There's also sessionStorage which will be cleaned up after browser restart.