码迷,mamicode.com
首页 > Web开发 > 详细

ajax和json对象

时间:2016-09-11 18:39:36      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:

二维数组

首先是输出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对象

标签:

原文地址:http://www.cnblogs.com/txxt/p/5862314.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!