ajax和json对象

最新推荐文章于 2024-04-25 23:25:03 发布

转载最新推荐文章于 2024-04-25 23:25:03 发布 · 59 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/txxt/p/5862314.html

文章标签：

#json #php

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);
          }
      }
 });