jquery处理json对象

在服务器端的php脚本:

  1. <?php
  2. $data[‘id‘] = 1;
  3. $dat[‘name‘] = "mary";
  4. $da[‘red‘]= array_merge($data,$dat);
  5. $data1[‘id‘] = 2;
  6. $dat1[‘name‘] = "燕子";
  7. $da[‘blue‘]= array_merge($data1,$dat1);
  8. print_r($da);   //打印出来是一个二维数组(如下)
  9. /*
  10. Array
  11. (
  12. [red] => Array
  13. (
  14. [id] => 1
  15. [name] => mary
  16. )
  17. [blue] => Array
  18. (
  19. [id] => 2
  20. [name] => 燕子
  21. )
  22. )
  23. */
  24. echo json_encode($da);//输出的是一个转化成json格式的字符串,可以直接在js中用(如下)
  25. /*
  26. {"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"\u71d5\u5b50"}}
  27. */
  28. ?>

jquery脚本:
返回到js后的处理:
第一种要用到varl转化的:是字符串的时候就要用eval转化成jquery对象(如下)

  1. var arr = ‘{"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"\u71d5\u5b50"}}‘;   //\u71d5\u5b50这个是php中自动转换的
  2. var dataObj = eval("("+arr+")");    //这里要加上加好括号和双引号的原因我也不知道,就当是json语法,只能死记硬背了
  3. $.each(dataObj,function(idx,item){
  4. //输出
  5. alert(item.id+"哈哈"+item.name);
  6. })

第二种:不需要转化的:

  1. var arr = {"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"\u71d5\u5b50"}};
  2. $.each(arr,function(idx,item){
  3. //输出
  4. alert(item.id+"哈哈"+item.name);
  5. })

循环也有两种方法:

//方法一:

  1. $.each(arr,function(idx,item){
  2. //输出
  3. alert(item.id+"哈哈"+item.name);
  4. })

//方法二:

    1. for(var key in arr){
    2. alert(key);
    3. alert(arr[key].status);
    4. }
时间: 2024-10-01 02:30:40

jquery处理json对象的相关文章

jQuery中json对象的复制(数组及对象)

摘自: http://www.2cto.com/kf/201306/218838.html 1.jQuery自带的$.map方式: $.map(json, function (n) { return n; }); 这种方式原来用于复制数组还可以,今天用它复制数组中的某一条记录,发现字段名称丢失了,后来发现了第二种方法. 2.深复制与浅复制 // 浅层复制(只复制顶层的非 object 元素) var newObject = jQuery.extend({}, oldObject); // 深层复

Jquery创建JSON对象

<html> <body> <h2>通过 JSON 字符串来创建对象</h3> <p> First Name: <span id="fname"></span><br /> Last Name: <span id="lname"></span><br /> </p> <script type="text/ja

javascript;Jquery;获取JSON对象,无刷新分页实例。

js: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>&

jQuery中json对象与json字符串互换

json字符串转json对象:jQuery.parseJSON(jsonStr); json对象转json字符串:JSON.stringify(jsonObj); IE中可能对unicode使用“\uXXXX”格式来编码,可以使用如下来解码: function unicode2Char(str) { return (str.replace(/\\/g, "%")); }

jquery 遍历json对象和json对象数组

描述:jQuery ajax处理服务端返回的json数据,这里主要说明的是对象数据,即目标 是对象. 首先是后台的处理过程.本例子为了方便采用servlet来作为服务端. 声明一个enty类.User.java代码如下: package enty; public class User { private int id; private String name; public User(){ } public User(int id,String name){ this.id = id; this

javascript;Jquery;获取JSON对象,无刷新评论实例。

  <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script type="text/javascri

jquery判断json对象是否为空({})

jQuery.isEmptyObject(obj)

jquery解析json格式数据的方法(对象、字符串)

相关函数 函数 描述 JSON.parse() 用于将一个 JSON 字符串转换为 JavaScript 对象. JSON.stringify() 用于将 JavaScript 值转换为 JSON 字符串. //data为字符串类型 则要将字符串类型转换成json数据类型 var jsondatas=eval("("+data+")"); 本文实例讲述了jquery解析json格式数据的方法.分享给大家供大家参考,具体如下: json数据是我们常用的一种小型的数据实

[转]jquery 对 Json 的各种遍历

原文地址:http://caibaojian.com/jquery-each-json.html 概述 JSON(javascript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包. 在JSON中,有两种结构:对象和数组. 1.对象 一个对象以“{”开始,“}”结束.每个“key”后跟一“: