ajax和json对象

简介: 二维数组 首先是输出json字符串的php文件 header("Content-type: text/html; charset=utf-8"); //json设置utf-8 $arr=array('name'=>'大兵','age'=>'18','hobby'=>'电...

二维数组

首先是输出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);
          }
      }
 });

 

相关文章
|
1月前
|
JSON JavaScript 前端开发
JavaScript实现字符串转json对象的方法
JavaScript实现字符串转json对象的方法
|
7天前
|
JSON 前端开发 JavaScript
JavaWeb基础8——Filter,Listener,Ajax,Axios,JSON
Filter过滤器、Listener监听器、AJAX、 同步、异步优点和使用场景、Axios异步框架、JSON、js和JSON转换、案例,Axios + JSON 品牌列表查询和添加
JavaWeb基础8——Filter,Listener,Ajax,Axios,JSON
|
28天前
|
XML JSON 前端开发
JSON与AJAX:网页交互的利器
JSON与AJAX:网页交互的利器
24 0
|
2月前
|
存储 JSON 测试技术
python中json和类对象的相互转化
针对python中类对象和json的相关转化问题, 本文介绍了4种方式,涉及了三个非常强大的python库jsonpickle、attrs和cattrs、pydantic,但是这些库的功能并未涉及太深。在工作中,遇到实际的问题时,可以根据这几种方法,灵活选取。 再回到结构化测试数据的构造,当需要对数据进行建模时,也就是赋予数据业务含义,pydantic应该是首选,目前(2024.7.1)来看,pydantic的生态非常活跃,各种基于pydantic的工具也非常多,建议尝试。
|
3月前
|
JSON Java fastjson
老程序员分享:java对象转json
老程序员分享:java对象转json
144 3
|
3月前
|
Web App开发 JSON JavaScript
JavaScript对象常用操作JSON总结
JavaScript对象常用操作JSON总结
31 8
|
2月前
|
存储 JSON Java
Java对象转换为JSON字符串
在Java开发中,常需将数据对象转换为JSON存储,如使用Fastjson库。要将Java对象转为JSON,可调用`JSON.toJSONString(obj)`;反向转换则用`JSON.parseObject(str, Class)`。
|
2月前
|
JSON Java 数据格式
前后端数据交换,JSON基础语法和JSON数据和Java对象转换,最快的对象转换,JSON{““}字符串如何写User{id=1,username=‘zhangsan‘,password=‘123‘}
前后端数据交换,JSON基础语法和JSON数据和Java对象转换,最快的对象转换,JSON{““}字符串如何写User{id=1,username=‘zhangsan‘,password=‘123‘}
|
3月前
|
JSON 运维 Serverless
函数计算产品使用问题之无法返回JSON对象,一般是什么导致的
函数计算产品作为一种事件驱动的全托管计算服务,让用户能够专注于业务逻辑的编写,而无需关心底层服务器的管理与运维。你可以有效地利用函数计算产品来支撑各类应用场景,从简单的数据处理到复杂的业务逻辑,实现快速、高效、低成本的云上部署与运维。以下是一些关于使用函数计算产品的合集和要点,帮助你更好地理解和应用这一服务。
|
3月前
|
XML JSON Java
老程序员分享:JAVA对象转换JSON
老程序员分享:JAVA对象转换JSON
28 0