如何在异步 PHP 回显（JavaScript 代码）发生时执行它们？

Question

我有一个包含大约 100-150 个标记的自定义 Google 地图的页面。标记数据是通过外部 PHP 解析 XML 文件来获得的，该文件是事件/项目的列表，但每个事件中都有用于创建标记的适当数据。

目前一切正常，但加载地图需要一段时间，因为解析 XML 文件需要一些时间。为了加快速度，我本质上希望通过在页面加载时绘制空白地图来动态加载页面，然后运行外部 PHP 文件以使用 AJAX 异步解析 XML，并在从异步回显标记时将标记添加到地图中。 PHP 循环。

我不知道该怎么做，就是在这些回声出现时执行它们。

包含地图的页面 (explore.php) 运行 JavaScript：

 <script type="text/javascript">;
        function init() {
            // Draw the map (blank)
            var map_focus = new google.maps.LatLng(35,-37);
            var myOptions = { zoom: 2,center: map_focus,mapTypeId: google.maps.MapTypeId.ROADMAP };  
            var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
            var xmlhttp = new XMLHttpRequest();
            // Run PHP to parse XML, asynchronously
            xmlhttp.open("GET","project_locations.php",true);
            xmlhttp.send();
            // This is where I want the JS/AJAX to execute echoes as they come from the above call to project_locations.php
            eval(xmlhttp.responseText);
        }
        // Add marker to map. Markers would appear as fast as the XML is parsed
        function addMarker(object, name, id) {
            google.maps.event.addListener(object,"click", function() {
                window.location = "showproject.php?id=" + id;
            });
        }
    </script>

这是 project_locations.php：

include('spparser.php'); // Parse XML
$i = 0;
foreach(SPParser::search($_REQUEST) as $index=>$sp) {
    if ($sp["latitude"] != '' && $sp["longitude"] != '') {
        echo "var marker" . $i . "= new google.maps.Marker({\n";
            echo "position: new google.maps.LatLng(" . $sp["latitude"] . ", " . $sp["longitude"] . "),\n";
            echo "map: map,\n";
            echo "icon: 'http://www.google.com/intl/en_us/mapfiles/ms/micons/" . $sp["color"] . "-dot.png',\n";
            echo "title: \"" . $sp["name"] . "\"\n";
        echo "});\n\n";
        echo "addMarker(marker" . $i . ", \"" . $sp["name"] . "\", " . $sp["id"] . ");\n";
        $i++;
    }
}   

上面的代码绘制了一张空白地图，仅此而已。但是，如果我使用以下命令同步运行它：

xmlhttp.open("GET","project_locations.php",false);

有很长的延迟，则绘制地图和所有标记，这意味着 send() 之后的 eval() 语句将在最后执行所有回显。当它们由project_locations.php 回显时，如何实时执行它们？

Answer 1

您可以使用 jQuery Ajax 执行异步 HTTP (Ajax) 请求。

您可以做的是，创建一个简单的 HTML 文件并在其中编写 JavaScript 函数，该函数将在一段时间超时后调用服务器方法，或者循环调用它或递归您的函数，无论您喜欢哪种。我可以看看你的问题的工作示例吗？以便我更好地帮助您？

Answer 2

由于 PHP 文件基本上生成 Javascript 代码，因此您可以将其作为 Javascript 文件包含在内。

使用 jQuery，您可以使用 $.getScript('project_locations.php')。它应该是异步的。

提示：当您从 PHP 生成 JS 变量时，请使用 PHP 函数 json_encode。

Answer 3

原因是脚本执行完成后会返回响应文本
要在下载时获取数据，您必须获取响应文本作为其下载。

while(true)
   {
    xmlhttp.onreadystatechange=function() //listens to the state chnages
   {
    if(xmlhttp.readyState==3) //if its still loading
     {
      eval(xmlhttp.responseText);
     }
   }

    if(xmlhttp.readyState==4) { eval(xmlhttp.responseText);} break; //finished loading get out of for loop
   }

还要确保 php 没有缓冲任何输出。像这样在你的文件顶部。

@ini_set('zlib.output_compression',0);
@ini_set('implicit_flush',1);
@ob_end_clean();

ob_implicit_flush(1);