0

我发现我不能将 php 与 javascript 混合，所以我尝试了 AJAX。在下面的代码中，我希望 ajax 函数从 getcount.php 页面获取一个值并将其返回给调用者函数。下面的代码不起作用。错误在哪里？

<script type="text/javascript">
function getcount(day)
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

xmlhttp.open("GET","getcount.php?"+day,true);
xmlhttp.send();

xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    return xmlhttp.responseText;   
    }
}
 </script>

<script type="text/javascript">
$(function () {
var previousPoint;

var d1 = [];
 for (var i = 0; i <= 10; i += 1)
         d1.push([i, getcount(i)]);
  .
  .
  .
4

4 回答 4

3

ajax 回调将是异步的，因此 getcount() 将返回 undefined 并且当回调返回时，它不会分配给任何东西

function getcount(day, arr) {
var xmlhttp;
...
xmlhttp.send();

xmlhttp.onreadystatechange=function() {
  if (xmlhttp.readyState==4 && xmlhttp.status==200) {
    arr.push([day, xmlhttp.responseText]);   
    }
}
$(function () {
var previousPoint;

var d1 = [];
 for (var i = 0; i <= 10; i += 1)
     getcount(i, d1);
...
于 2012-04-20T18:42:39.033 回答
1

使用jQuery，它会容易得多：

<script type="text/javascript">
  $(function () {
  var previousPoint, d1 = [];

  var getCount = function(day){
    $.get("getcount.php?"+day, function(data){
      d1.push([day, data]);
    });
  }

  for (var i = 0; i <= 10; i += 1)
    getcount(i)
});
</script>
于 2012-04-20T18:45:07.670 回答
1

将任何类型的 Ajax 查询与这种性质的循环混合并不是一个好主意。由于 Ajax 请求是异步的，它会产生一些有趣的竞争条件——正如已经提到的。

最好做一个 ajax 请求并在 php 中处理循环 - 然后返回一个数组。但是，同样重要的是，您需要了解默认情况下，其余的过程 javascript 代码不会等待 Ajax 方法返回。

请参阅文档以获取帮助

于 2012-04-20T19:07:10.270 回答
0 
Try using Jquery ajax which is very easier for maintenance and debugging. Here is a sample 
ajax code

$.ajax({
 type: 'POST',  // can be get also
 url: 'yourpage.php',  // change name
 data: id,  // some data if u need to pass
 success: function(data) {  // returns date
       $('.result').html(data); // result 
 }
}); 

For details  http://api.jquery.com/jQuery.ajax/

Thanks.
于 2012-04-20T18:51:03.660 回答