`
dcj3sjt126com
  • 浏览: 1860916 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery处理json对象

    博客分类:
  • PHP
 
阅读更多
 jquery处理json对像。
 
在服务器断的脚本:
 
<?php
$data['id'] = 1;
$dat['name'] = "mary";
$da['red']= array_merge($data,$dat);
 
$data1['id'] = 2;
$dat1['name'] = "燕子";
$da['blue']= array_merge($data1,$dat1);
print_r($da);///打印出来是一个二维数组(如下)
/*
Array
(
    [red] => Array
        (
            [id] => 1
            [name] => mary
        )
 
    [blue] => Array
        (
            [id] => 2
            [name] => 燕子
        )
 
)
*/
 
 
echo json_encode($da);//输出的是一个转化成json格式的字符串,可以直接在js中用(如下)
/*
{"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"\u71d5\u5b50"}}
*/
?>
 
jquery脚本:
 
返回到js后的处理:
 
第一种要用到varl转化的:是字符串的时候就要用eval转化成jquery对象(如下)
 
var arr = '{"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"\u71d5\u5b50"}}';//\u71d5\u5b50这个是php中自动转换的
var dataObj = eval("("+arr+")");//这里要加上加好括号和双引号的原因我也不知道,就当是json语法,只能死记硬背了
  $.each(dataObj,function(idx,item){   
   //输出  
   alert(item.id+"哈哈"+item.name);   
})
 
第二种:不需要转化的:
 
var arr = {"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"\u71d5\u5b50"}};
  $.each(arr,function(idx,item){     
   //输出
   alert(item.id+"哈哈"+item.name);
})
 
循环也有两种方法:
 
//方法一:
 
$.each(arr,function(idx,item){     
   //输出
   alert(item.id+"哈哈"+item.name);
})
 
//方法二:
 
for(var key in arr){
  alert(key);
  alert(arr[key].status);
 }
 
大家可以试试效果。
分享到:
评论

相关推荐

    使用JQuery实现从JSON对象转换为form提交数据

    本篇文章将深入探讨如何利用jQuery从JSON对象转换为form提交数据。 首先,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它基于JavaScript的一个子集,易于人阅读和编写,同时也易于机器解析和...

    Jquery.json.js

    在处理JSON数据时,可以用来合并多个JSON对象。例如: ```javascript var obj1 = { name: "John" }; var obj2 = { age: 30 }; var mergedObj = $.extend({}, obj1, obj2); console.log(mergedObj); // 输出 { name: ...

    jQuery读取json数据

    // 在这里处理数据,如遍历JSON对象,更新DOM等 }, error: function(xhr, status, error) { // 处理错误情况 console.error('Error:', status, error); } }); ``` 在这个例子中,`url`是服务器端接口的地址,...

    jquery_json.rar_JSON_jquery_jquery-json_jquery.json_jquery.json.

    总结来说,`jquery_json.rar`中的插件为jQuery提供了JSON处理能力,使得在JavaScript环境中处理JSON数据变得更加便捷,特别是在那些不支持原生JSON API的旧版浏览器中。这个插件的使用,极大地促进了Web应用的开发...

    jquery.json2xml.js和jquery.xml2json.js

    `jquery.json2xml.js` 脚本允许开发者将JSON对象转换为XML字符串。在JavaScript中,你可以通过创建一个JSON对象,然后调用这个插件的方法,将其转换成XML格式。这样可以方便地将JSON数据发送到服务器,或者在需要XML...

    jquery.jsoncookie.zip

    而`jquery.jsoncookie`则是一个特定的jQuery插件,专门用于处理JSON数据与Cookie之间的交互。这篇详述将深入探讨jQuery、JSON以及JSONCookie插件的相关知识。 首先,jQuery是由John Resig于2006年创建的一个轻量级...

    jquery-json使用

    在提供的`JSONObjectDemo`文件中,可能包含了一个简单的示例,演示了如何使用jQuery处理JSON数据。这个示例可能包括创建JavaScript对象,序列化成JSON字符串,以及使用Ajax发送和接收JSON数据的代码。读者可以通过...

    JS,JQuery 对JSON对象的操作

    通过上述方法,你可以轻松地在JS和jQuery中处理JSON数据,实现对JSON对象的增删改查。结合HTML,这些操作能有效地更新网页内容,为用户提供动态的交互体验。在实际项目中,确保正确处理JSON数据,防止潜在的错误和...

    jquery-json美化

    5. **错误处理**:在处理JSON数据时,要确保数据格式正确。如果尝试解析的字符串不是有效的JSON,`JSON.parse()`会抛出一个错误。因此,使用try-catch语句可以捕获并处理这些异常。 6. **代码高亮**:为了增强...

    jquery.json-2.4.min.js

    `jquery.json-2.4.min.js` 是一个jQuery的插件,专门用于处理JSON数据。jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。这个插件将JSON的功能进一步集成到jQuery中...

    jquery.json-viewer示例

    jQuery JSON Viewer 是一个非常实用的JavaScript插件,用于将JSON对象以易于阅读和理解的格式展示出来。它通过提供一个清晰的树状结构,使得复杂的JSON数据变得直观,这对于开发者在调试、查看或者演示JSON数据时...

    JQuery操作json的例子

    jQuery,一个流行的 JavaScript 库,提供了简单易用的 API 来处理 JSON 数据。这篇博客将探讨如何使用 jQuery 解析和操作 JSON 数据。 首先,我们需要了解 JSON 的基本结构。JSON 是基于 JavaScript 语法的,它由...

    jquery.json.min.2.3.0.js;json2.js

    jQuery库提供基础的DOM操作和事件处理,jQuery UI扩展了丰富的用户界面组件,而json2.js和jquery.json.min.2.3.0.js则处理JSON数据的序列化和反序列化,为与服务器交换数据提供便利。这些工具在开发高效、响应式的...

    SSH+jQuery+json 实现的Ajax操作,绝对精华,代码简练清晰,绝对能看明白

    例如,Struts或Spring的Action可以返回一个包含城市数据的JSON对象。 2. **解析与渲染**:jQuery的`$.parseJSON()`(现在已弃用,推荐使用`$.getJSON()`或`$.ajax()`的dataType设置为'json')方法用于解析JSON字符...

    jquery1.7+jquery for json 2.3

    总结来说,jQuery 1.7与jQuery JSON 2.3插件的结合使用,为开发者提供了强大而全面的JSON处理能力,同时通过jQuery 1.7的改进,让JavaScript编程变得更高效、更易于维护。无论是处理DOM操作、事件绑定还是AJAX通信,...

    jquery.json-2.3.js

    在给定的资源“jquery.json-2.3.js”中,我们可以看到jQuery针对JSON进行的一系列扩展,使得在JavaScript中处理JSON数据变得更加简单和高效。 首先,jQuery JSON 2.3.js的核心功能是JSON的解析和序列化。解析JSON...

    28_JQuery的JSON支持

    jQuery对JSON的支持是其强大功能之一,使得开发者能够方便地处理JSON数据,无论是从服务器获取数据还是向服务器发送数据。 首先,jQuery提供了`$.getJSON()`函数,这是一个简便的方法用于发送异步GET请求到服务器并...

Global site tag (gtag.js) - Google Analytics