首页 > 代码库 > ajax和json对象

ajax和json对象

二维数组

首先是输出json字符串的php文件

header("Content-type: text/html; charset=utf-8");           //json设置utf-8$arr=array(‘name‘=>‘大兵‘,‘age‘=>‘18‘,‘hobby‘=>‘电视‘);    foreach($arr as $k => $v){                                //此循环将中文字符编码,防止乱码    $arr[$k]=urlencode($v);}echo urldecode(json_encode($arr));

js接收

$(‘#qingqiu‘).click(function(){      wenben=$.ajax({        type:"GET",        url:"/ajax/json.php",        success:function(data){          var json=JSON.parse(data);      //json字符串转为对象          console.log(json);          for(var item in json){        //遍历json对象          var aLi=$("<li>"+item+"=>"+json[item]+"</li>");          $(‘ul‘).append(aLi);          }      }      });  });

 

二维数组形势

首先php代码

header("Content-type: text/html; charset=utf-8");$arr=array(array(‘name‘=>‘小明‘,‘age‘=>‘14‘,‘hobby‘=>‘电脑游戏‘),array(‘name‘=>‘小红‘,‘age‘=>‘13‘,‘hobby‘=>‘动漫‘),array(‘name‘=>‘大兵‘,‘age‘=>‘18‘,‘hobby‘=>‘电视‘));foreach($arr as $k => $v){  foreach($v as $sk=> $sv)    $arr[$k][$sk]=urlencode($sv);}echo urldecode(json_encode($arr));

js接收

wenben=$.ajax({        type:"GET",      url:"/ajax/json2.php",      success:function(data){          var json=JSON.parse(data);          var oUl=$(‘ul‘);          for(var item in json){              oLi=$("<li>"+json[item].name+",年龄"+json[item].age+",爱好是"+json[item].hobby+"</li>");              oUl.append(oLi);          }      } });

 

ajax和json对象