使用AJAX从Javascript运行整个PHP文件

Question

在$(Document).ready( index.php中的函数())上，执行以下AJAX，运行getData.php文件：

if (window.XMLHttpRequest)
      {// code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
      }
    else
      {// code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    xmlhttp.onreadystatechange=function()
      {
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
        document.getElementById("dataSuccess").innerHTML=xmlhttp.responseText;
        } 
      }
    xmlhttp.open("GET","getData.php",true);
    xmlhttp.send();

在getData.php文件中，从MySQL收集数据并放入JS-数组：

  var guestData = new Array("<? for ($j=0;$j< sizeof($guestData);$j++) { print     ($guestData[$j]); ?>","<?php } $j = $j+1; ?>");

最后，将js数组中的数据存储到LocalStorage中：

   var guestDataCols = new Array();
    guestDataCols = guestData[0].split(",")


        var arrayIndex=0;
        for(arrayIndex=0;arrayIndex<guestData.length-1;arrayIndex++)
        {
            localStorage.setItem(arrayIndex, guestData[arrayIndex]); // storing
        }

万事俱备！但是，的问题是，我的AJAX代码似乎没有运行整个getData.php文件，因为在php-文件通过AJAX执行之后，LocalStorage处于空状态。然而，(这是一个很大的)，如果我只是在另一个窗口刷新getData.php，数据就会被完美地存储起来，并且一切正常。我还尝试使用jQuery来处理这个，就像在另一个堆栈溢出问题中建议的那样

  $('#dataSuccess').load('getData.php'); //instead for the AJAX code 

但结果却完全一样，有些平庸。所以我的问题是，为什么AJAX脚本不运行整个php文件和--因此是--为什么LocalStorage中没有存储数据？

Answer 1

我想你是在找jQuery.getScript

Answer 2

当被JavaScript请求调用时，XMLHttp页面上的XMLHttp不会运行。浏览器不解析JavaScript通过XMLHttp请求接收的页面，因此不运行JavaScript。要运行它，必须将其输出到浏览器。最好的方法是让PHP返回所需的数据，然后从XMLHttp请求中提取数据。例如，getData.php可以返回包含所需数据的JSON字符串。然后，在带有XMLHttp请求的页面上，您可以解析该JSON字符串并将其保存到该页面上的localStorage中。