Question

PHP,Ajax中的高手，下面这代码通过ajax返回json对象数组，为什么不能改变<td>中的值，求解释，谢谢……

html页面：
<script type="text/javascript">
function getXmlHttpObject(){
var xmlHttpRequest;
if(window.ActiveXObject){
xmlHttpRequest=new ActiveXObject("Microsoft.XMLHTTP");
}else{
xmlHttpRequest=new XMLHttpRequest();
}
return xmlHttpRequest;
}
var myXmlHttpRequest;
function updatePrice(){
myXmlHttpRequest=getXmlHttpObject();
if(myXmlHttpRequest){
var url="/php5/ajax/goldPriceProcess.php";
var data="city[]=ld&city[]=tw&city[]=dj";
myXmlHttpRequest.open("post",url,true);
myXmlHttpRequest.setRequestHeader("Content-type","application/x-www-form-urlencoded");
myXmlHttpRequest.onreadystatechange=chuli;
myXmlHttpRequest.send(data);
}
}
function chuli(){
if(myXmlHttpRequest.readyState==4){
if(myXmlHttpRequest.status==200){
//var res=myXmlHttpRequest.responseText;
var res_objects=eval("("+myXmlHttpRequest.responseText+")"); //ajax返回的数据类型json
//window.alert(res_objects[0].price+"--"+res_objects[1].price+"---"+res_objects[2].price);
$("ld").innerText=res_objects[0].price;
$("tw").innerText=res_objects[1].price;
$("dj").innerText=res_objects[2].price;
}
}
}
function $(id){
return document.getELementById(id);
}

window.setInterval("updatePrice()",1000); //每隔1000毫秒自动刷新
</script>

<td id="ld">123</td>
<td id="tw">785</td>
<td id="dj">235</td>
--------------------------------------------------------------------------------------------------------------
php页面：
$cities=$_POST["city"];

//返回json
//[{},{},{}]
//[{"city":"ld","price":"1500"},{"city":"tw","price","1250"},{"city":"dj","price":"710"}]

$res="[";
for($i=0;$i<count($cities);$i++){
if($i==count($cities)-1){
$res.='{"cityname":"'.$cities[$i].'","price":"'.rand(500,1500).'"}]';
}else{
$res.='{"cityname":"'.$cities[$i].'","price":"'.rand(500,1500).'"},';
}

}
echo $res;

Answer 1

首先，$("ld").innerText 改成 $("ld").innerHTML, 另3个同理。

其次，你确定你php页面个数据格式 通过ajax访问得到的数据格式，通过 var res_objects=eval("("+myXmlHttpRequest.responseText+")"); 是想要的数据吗？ 你可以测试下。建议一般php页面的返回的数据格式 是 直接的字符串格式。

可以如下修改，php返回格式
$ary = array();
for($i=0;$i<count($cities);$i++)
{
$ary[] = $cities[$i] .'='. rand(500,1500);
}
$aryValue = implode("&",$ary); //如：ld=1500&tw=1250&dj=710
echo $aryValue;

js调用
var res = myXmlHttpRequest.responseText ;
var resAry = res.split("&");
for( j=0; j< resAry.length; j ++)
{
newobj = resAry[j].split("=");
if ( newobj.length > 1 )
{
if ( $(newobj[0]) )

$(newobj[0]).innerHTML = newobj[1];
}
}

追问

我返回的是json数据

追答

window.alert(res_objects[0].price+"--"+res_objects[1].price+"---"+res_objects[2].price);
你首先通过上面js测试下，是想要的数据吗? 获取到数据了吗？如果获取到了，是想要的数据

修改成下面的
$("ld").innerHTML=res_objects[0].price;
$("tw").innerHTML=res_objects[1].price;
$("dj").innerHTML=res_objects[2].price;

function $(id){
return document.getELementById(id);
} 改成
function $(id){
return document.getElementById(id);
}

还有 最好把 window.setInterval("updatePrice()",1000); //每隔1000毫秒自动刷新 放在的后面

追问

window.alert(res_objects[0].price+"--"+res_objects[1].price+"---"+res_objects[2].price);这个能弹出大数据来;

但后面3行就是不能改变中的值
我要的是1000毫秒自动改变中的值

追答

function $(id){
return document.getELementById(id);
} 改成
function $(id){
return document.getElementById(id);
}

注意大小写

追问

return document.getElementById(id);改了没用，
window.setInterval("updatePrice()",1000);放到td后面去只能改变第一个的值

那个用你的办法能告诉我一下吗，就是你最上面的代码，我改了也没用……

追答

你写法有问题，return document.getElementById(id); 是可以返回object的，return document.getELementById(id);是返回错误的。

123
785
235

并确保id的值元素的唯一性。
$("tw").innerHTML= “你想要的值”

追问

$("ld").innerText=res_objects[0].price;
$("tw").innerText=res_objects[1].price;
$("dj").innerText=res_objects[2].price;
这里还是这么写吗，按你上面说的，只有ld的值是变化的

追答

首先，改成 return document.getElementById(id);

其次，td前后 加上 tr 和 table，方可识别。

123
785
235

或者 ，span 配对的，

123
785
235

追问

你好，我全都改了，但还是只为"ld"的改变值

追答

从你现有的代码我测试了，三个值都变的，没有问题的，这些都是很基础的技术。你看你其他地方对不对。

追问

我改了忘记还回去了，谢谢了，好像就getElementByid这个写错了吧

你能帮我看一下为什么ie总是错误 ，和火狐不能改变……只有chrome有用……

Answer 2

话说。。你干嘛这么处理JSON啊。。。。php里用json_encode()函数不就成了。。。还干嘛自己拼字符串啊。。又累又不靠谱，效率还比原生的低得多。。。

其次，解析的时候，用JSON.parse()不就成了。。。。
我怀疑跟你JSON的数据也有一定的问题

追问

用//window.alert(res_objects[0].price+"--"+res_objects[1].price+"---"+res_objects[2].price)能打出数据来

但下面3行不能改变td中的值，
求你的代码……发我看看,谢谢……