Question

我面临的问题是，当我使用Ajax将数组从PHP文件传递到另一个文件javascript时，我得到了正确的输入，但是数组的长度是错误的。我不知道我做错了什么。这些是我的两个文件的一些代码。

Firstfile.php：

function check()
{ 

xmlhttp = new XMLHttpRequest();

xmlhttp.onreadystatechange = function()
{
   if(xmlhttp.readyState==4 && xmlhttp.status==200)
   { 
        graphData=xmlhttp.responseText;

        alert(graphData); 
        // getting alert [["01_Mar_2016",38430],["02_Mar_2016",97183],["03_Mar_2016",107122]]
       alert(graphData.length);
      //getting alert 68 but it should be 3 
   }
   else if(xmlhttp.status==404)
   {
        graphData="File not found";
   }
 }
 xmlhttp.open("GET","SeocndFile.php",true);
 xmlhttp.send();
}

SeocndFile.php

while($result = mysql_fetch_assoc($qryResult))
{  
   $data[] = array((string)$result['mimiDate'], (int)$result['sumMimi']);
}

print json_encode($data);
//print like this[["01_Mar_2016",38430],["02_Mar_2016",97183],["03_Mar_2016",107122]]
//which is correct.

Answer 1

responseText是一个字符串。您需要使用JSON.parse()

将其转换为数组

var graphData=JSON.parse(xmlhttp.responseText);

为了安全起见，你应该将它包装在try / catch块中，或者如果你使用的是jQuery，那么转换为使用$.getJSON()并添加错误处理程序

$.getJSON('SeocndFile.php')
   .done(graphData){
     alert(graphData.length);
   })
   .fail(function(err){
      console.log(err);
      alert('Ooops...something went wrong');
   });

Answer 2

它显示字符串的长度，因为responseText是字符串，所以length返回字符数。

您需要首先将字符串解析为JSON：

alert(JSON.parse(xmlhttp.responseText).length);

Answer 3

如上所述，检查您收到的数据类型是否为字符串形式。

强烈推荐使用Jquery的ajax调用，因为当响应为json时，您可以以更方便的格式获取数据。

使用jquery的代码示例是：

$.get('SeocndFile.php').done(function(data)
{
   //do stuff here when sucessfuly retrieve the data
})
.fail(function()
{
   //Do stuff when 404 or 500
});

这里有关于如何使用它的文档：http://api.jquery.com/jQuery.get/

同样，您可以使用$ .post（）进行HTTP后期操作。

使用Ajax

3 个答案: