如何使用JavaScript从PHP脚本交互式获取数据

Question

我有这个php脚本：

<?php
$arr = array(array("a","b"),array("c","d"));
qq($arr);
function qq($arr){
foreach($arr as $ar => $r){
//getting some work done
//sending the array $r (or values)to javascript
}
}
?>

是否可以在数组1之前使用javascript获得数组0的值。

我到目前为止所得到的是来自stackoverflow的js：

<script type="text/javascript">
function q(){

var xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", "http://127.0.0.0.1/q.php");
xmlhttp.send(null);
xmlhttp.onreadystatechange = callbackFunction;

function callbackFunction(){
if (xmlhttp.readyState == 4){
xml = xmlhttp.responseText;
document.getElementById("q").value = xml;
}}}
</script>

但是它没有满足我的要求（我想我缺少了什么）。

我的html：

<input type="submit" onclick="q();" />
<div id="q"></div>
<div id="q1"></div>

是否可以将数组0的值放在div（id = q）中，当数组1准备好时，将其值放在div（id = q1）中

Answer 1

通过XMLHttpRequest（）的“常规” HTTP请求不允许在单个请求中出现这种行为。

您可以使用以下选项：

服务器发送事件

上边

• 它们非常容易构建。 服务器上不需要任何特别的东西。 只是用google搜索服务器发送的事件，您会找到一些有关它们如何工作的示例。
• 它们像通过任何其他http请求一样，也要通过代理和防火墙，因为这是一个正常的http请求。

缺点

• 无法在Internet Explorer（？）上运行
• 如果某处的代理缓冲过多，可能无法实时更新。 但是，在这种情况下它仍然有效，只是错过了实时通信

的WebSockets

上边

在所有最新的浏览器中均可使用。 使您能够进行全双工通信并正确处理所需的一切。

缺点

• 可能会或可能不会通过代理工作，具体取决于它们的配置。
• 服务器上需要特殊扩展

（长）轮询

上边

• 最佳兼容性（即使在较旧的浏览器中也可以使用，代理或防火墙没有问题）

缺点

• 由于确实会为每条消息创建一个新的http连接，因此会产生大量开销
• 您需要将中间结果存储在某个地方，因为轮询请求与代码生成机制相比，进入应用程序的线程不同。

Answer 2

你可以试试吗

if (xmlhttp.readyState == 4){
  xml = xmlhttp.responseText;
  document.getElementById('q').innerHTML=xml;
}}}