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

 

相关文章
|
3月前
|
JSON JavaScript 前端开发
JavaScript实现字符串转json对象的方法
JavaScript实现字符串转json对象的方法
|
1月前
|
JSON 前端开发 JavaScript
json字符串如何转为list对象?
json字符串如何转为list对象?
193 7
|
1月前
|
JSON JavaScript 前端开发
js如何格式化一个JSON对象?
js如何格式化一个JSON对象?
63 3
|
2月前
|
XML JSON JavaScript
JSON对象的stringify()和parse()方法使用
本文阐述了JSON对象的`stringify()`和`parse()`方法的用法,包括如何将JavaScript对象转换为JSON字符串,以及如何将JSON字符串解析回JavaScript对象,并讨论了转换过程中需要注意的事项。
JSON对象的stringify()和parse()方法使用
|
2月前
|
JSON 前端开发 中间件
React读取properties配置文件转化为json对象并使用在url地址中
本文介绍了如何在React项目中读取properties配置文件,将其内容转化为JSON对象,并在请求URL地址时使用这些配置。文章详细说明了异步读取文件、处理字符串转换为JSON对象的过程,并提供了一个封装函数,用于在发起请求前动态生成配置化的URL地址。
75 1
|
2月前
|
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
|
3月前
|
XML JSON 前端开发
JSON与AJAX:网页交互的利器
JSON与AJAX:网页交互的利器
37 0
|
4月前
|
存储 JSON 测试技术
python中json和类对象的相互转化
针对python中类对象和json的相关转化问题, 本文介绍了4种方式,涉及了三个非常强大的python库jsonpickle、attrs和cattrs、pydantic,但是这些库的功能并未涉及太深。在工作中,遇到实际的问题时,可以根据这几种方法,灵活选取。 再回到结构化测试数据的构造,当需要对数据进行建模时,也就是赋予数据业务含义,pydantic应该是首选,目前(2024.7.1)来看,pydantic的生态非常活跃,各种基于pydantic的工具也非常多,建议尝试。
|
4月前
|
存储 JSON Java
Java对象转换为JSON字符串
在Java开发中,常需将数据对象转换为JSON存储,如使用Fastjson库。要将Java对象转为JSON,可调用`JSON.toJSONString(obj)`;反向转换则用`JSON.parseObject(str, Class)`。
|
4月前
|
JSON Java 数据格式
前后端数据交换,JSON基础语法和JSON数据和Java对象转换,最快的对象转换,JSON{““}字符串如何写User{id=1,username=‘zhangsan‘,password=‘123‘}
前后端数据交换,JSON基础语法和JSON数据和Java对象转换,最快的对象转换,JSON{““}字符串如何写User{id=1,username=‘zhangsan‘,password=‘123‘}