Ajax学习-后台输出json然后js遍历j…

后台输出json:

1  $arr= array('0'=>array('id'=>'11', 'title'=>112),'2'=>array('id'=>33, 'title'=>44));
2  echo json_encode($arr);

我一般在后台返回的数据都转换成数组返回，好像也可以用Object返回，当然没有试过，其实我觉得XML能同样达到目的，不过json比较方便么。。一个字符串搞定

然后看前台遍历json代码(对于一维数组更合适）：

1  vartext = xmlhttp.responseText;

  var   text   =   eval ( "(" + text + ")" );
2  for(varkey in text)
3  {
4    varvalue = text[key];
5  }

还有一个对于上面的二维数组来说，用js遍历：

1  var   text   =   xmlhttp . responseText ;
2  text   =   eval ( "(" + text + ")" );
3  for ( var   i   =   0 ;  i   < text.length; i++){
4    var id = text[i].id;
5    var title = text[i].title;
6 }

然后贴上我一部分代码：

01  var   xmlhttp ;
02      if  ( window . XMLHttpRequest )  {
03         xmlhttp   =   new   XMLHttpRequest ();
04      } else {
05         xmlhttp   =   new   ActiveXObject ( "Microsoft.XMLHTTP" );
06      }
07      var   url   =   "cgo_id=" + encodeURIComponent ( checkCgo );
08  //   alert(url);
09      xmlhttp . open ( "POST" , "additemresult.php" , true );
10      xmlhttp . setRequestHeader ( "Content-type" , "application/x-www-form-urlencoded" );
11      xmlhttp . onreadystatechange   =   function ()  {
12         if  ( xmlhttp . readyState   ==   4   &&   xmlhttp . status   ==   200 )  {
13             var   add_item_info   =   xmlhttp . responseText ;
14             var   cgt   =   eval ( "(" + add_item_info + ")" );
15      //      eval_r("var cgt = "+add_info);
16 
17                for  ( var   key   in   cgt )  {
18                       var   Value   =   cgt [ key ];
19                       var   innercode   =   "

+ key + ">" + Value + "" ;
20      //                alert(innercode);
21                       $ ( 'select#cgt_id' ). append ( innercode );
22                }
23      //      alert(add_item_info);
24         }
25      }
26      xmlhttp . send ( url );

我先用ajax得到后台additemresult.php返回的json数据，然后遍历使用。