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提交数据。 首先,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它基于JavaScript的一个子集,易于人阅读和编写,同时也易于机器解析和...
在处理JSON数据时,可以用来合并多个JSON对象。例如: ```javascript var obj1 = { name: "John" }; var obj2 = { age: 30 }; var mergedObj = $.extend({}, obj1, obj2); console.log(mergedObj); // 输出 { name: ...
// 在这里处理数据,如遍历JSON对象,更新DOM等 }, error: function(xhr, status, error) { // 处理错误情况 console.error('Error:', status, error); } }); ``` 在这个例子中,`url`是服务器端接口的地址,...
总结来说,`jquery_json.rar`中的插件为jQuery提供了JSON处理能力,使得在JavaScript环境中处理JSON数据变得更加便捷,特别是在那些不支持原生JSON API的旧版浏览器中。这个插件的使用,极大地促进了Web应用的开发...
`jquery.json2xml.js` 脚本允许开发者将JSON对象转换为XML字符串。在JavaScript中,你可以通过创建一个JSON对象,然后调用这个插件的方法,将其转换成XML格式。这样可以方便地将JSON数据发送到服务器,或者在需要XML...
而`jquery.jsoncookie`则是一个特定的jQuery插件,专门用于处理JSON数据与Cookie之间的交互。这篇详述将深入探讨jQuery、JSON以及JSONCookie插件的相关知识。 首先,jQuery是由John Resig于2006年创建的一个轻量级...
在提供的`JSONObjectDemo`文件中,可能包含了一个简单的示例,演示了如何使用jQuery处理JSON数据。这个示例可能包括创建JavaScript对象,序列化成JSON字符串,以及使用Ajax发送和接收JSON数据的代码。读者可以通过...
通过上述方法,你可以轻松地在JS和jQuery中处理JSON数据,实现对JSON对象的增删改查。结合HTML,这些操作能有效地更新网页内容,为用户提供动态的交互体验。在实际项目中,确保正确处理JSON数据,防止潜在的错误和...
5. **错误处理**:在处理JSON数据时,要确保数据格式正确。如果尝试解析的字符串不是有效的JSON,`JSON.parse()`会抛出一个错误。因此,使用try-catch语句可以捕获并处理这些异常。 6. **代码高亮**:为了增强...
`jquery.json-2.4.min.js` 是一个jQuery的插件,专门用于处理JSON数据。jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。这个插件将JSON的功能进一步集成到jQuery中...
jQuery JSON Viewer 是一个非常实用的JavaScript插件,用于将JSON对象以易于阅读和理解的格式展示出来。它通过提供一个清晰的树状结构,使得复杂的JSON数据变得直观,这对于开发者在调试、查看或者演示JSON数据时...
jQuery,一个流行的 JavaScript 库,提供了简单易用的 API 来处理 JSON 数据。这篇博客将探讨如何使用 jQuery 解析和操作 JSON 数据。 首先,我们需要了解 JSON 的基本结构。JSON 是基于 JavaScript 语法的,它由...
jQuery库提供基础的DOM操作和事件处理,jQuery UI扩展了丰富的用户界面组件,而json2.js和jquery.json.min.2.3.0.js则处理JSON数据的序列化和反序列化,为与服务器交换数据提供便利。这些工具在开发高效、响应式的...
例如,Struts或Spring的Action可以返回一个包含城市数据的JSON对象。 2. **解析与渲染**:jQuery的`$.parseJSON()`(现在已弃用,推荐使用`$.getJSON()`或`$.ajax()`的dataType设置为'json')方法用于解析JSON字符...
总结来说,jQuery 1.7与jQuery JSON 2.3插件的结合使用,为开发者提供了强大而全面的JSON处理能力,同时通过jQuery 1.7的改进,让JavaScript编程变得更高效、更易于维护。无论是处理DOM操作、事件绑定还是AJAX通信,...
在给定的资源“jquery.json-2.3.js”中,我们可以看到jQuery针对JSON进行的一系列扩展,使得在JavaScript中处理JSON数据变得更加简单和高效。 首先,jQuery JSON 2.3.js的核心功能是JSON的解析和序列化。解析JSON...
jQuery对JSON的支持是其强大功能之一,使得开发者能够方便地处理JSON数据,无论是从服务器获取数据还是向服务器发送数据。 首先,jQuery提供了`$.getJSON()`函数,这是一个简便的方法用于发送异步GET请求到服务器并...