用jquery解析JSON数据的方法
&用jquery解析JSON数据的方法,作为异步请求的传输对象，jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式，对于利用JSONObject等插件封装的JSON对象，与此亦是大同小异，这里不再做说明。
这里首先给出JSON字符串集，
&用jquery解析JSON数据的方法,作为jquery异步请求的传输对象，jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式，对于利用JSONObject等插件封装的JSON对象，与此亦是大同小异，这里不再做说明。
&这里首先给出JSON字符串集，字符串集如下：
&代码如下:
&{name:'1',value:'0'},
&{name:'6101',value:'北京市'},
&{name:'6102',value:'天津市'},
&{name:'6103',value:'上海市'},
&{name:'6104',value:'重庆市'},
&{name:'6105',value:'渭南市'},
&{name:'6106',value:'延安市'},
&{name:'6107',value:'汉中市'},
&{name:'6108',value:'榆林市'},
&{name:'6109',value:'安康市'},
&{name:'6110',value:'商洛市'}
&这里以jquery异步获取的数据类型--json对象和字符串为依据，分别介绍两种方式获取到的结果处理方式。
&1.对于服务器返回的JSON字符串，如果异步请求没做类型说明，或者以字符串方式接受，那么需要做一次对象化处理，方式不是太麻烦，就是将该字符串放于eval_r()中执行一次。这种方式也适合以普通javascipt方式获取json对象，以下举例说明：
dataObj=eval_r("("+data+")");//转换为json对象
&alert(dataObj.root.length);//输出root的子对象数量
&$.each(dataObj.root,fucntion(idx,item){
&if(idx==0){
&& &return
&//输出每个root子对象的名称和值
&alert("name:"+item.name+",value:"+item.value);
&注：对于一般的js生成json对象，只需要将$.each()方法替换为for语句即可，其他不变。
&2.对于服务器返回的JSON字符串，如果异步请求将type(一般为这个配置属性)设为"json"，或者利用$.getJSON()方法获得服务器返回，那么就不需要eval_r()方法了，因为这时候得到的结果已经是json对象了，只需直接调用该对象即可，这里以$.getJSON方法为例说明数据处理方法：
&$.getJSON("/",{param:"gaoyusi"},function(data){
&//此处返回的data已经是json对象
&//以下其他操作同第一种情况
&$.each(data.root,function(idx,item){
&if(idx==0){
&& &return
//同countinue，返回false同break
&alert("name:"+item.name+",value:"+item.value);
&这里特别需要注意的是方式1中的eval_r()方法是动态执行其中字符串(可能是js脚本)的，这样很容易会造成系统的安全问题。所以可以采用一些规避了eval_r()的第三方客户端脚本库，比如JSON
in JavaScript就提供了一个不超过3k的脚本库。
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。Ajax的三种实现及JSON解析 - 今天比昨天好 - ITeye技术网站
博客分类：
本文为学习笔记，属新手文章，欢迎指教！！
本文主要是比较三种实现Ajax的方式，为以后的学习开个头。
prototype.js
jquery1.3.2.min.js
后台处理程序(Servlet),访问路径servlet/testAjax:
package ajax.
import java.io.IOE
import java.io.PrintW
import javax.servlet.ServletE
import javax.servlet.http.HttpS
import javax.servlet.http.HttpServletR
import javax.servlet.http.HttpServletR
* Ajax例子后台处理程序
* @author bing
* @version
public class TestAjaxServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/charset=utf-8");
PrintWriter out = response.getWriter();
String name = request.getParameter("name");
String age = request.getParameter("age");
System.out.println("{\"name\":\"" + name + "\",\"age\":\"" + age + "\"}");
out.print("{\"name\":\"" + name + "\",\"age\":" + age + "}");
out.flush();
out.close();
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request,response);
TestAjaxServlet接收两个参数：name和age，并返回一个以JSON格式编写的字符串。
前台页面参数输入界面:
&div id="show"&显示区域&/div&
&div id="parameters"&
name:&input id="name" name="name" type="text" /&&br /&
age:&input id="age" name="age" type="text" /&&br /&
一、prototype实现
&script type="text/javascript" src="prototype.js"&&/script&
&script type="text/javascript"&
function prototypeAjax()
var url = "servlet/testAjax";//请求URL
var params = Form.serialize("parameters");//提交的表单
var myAjax = new Ajax.Request(
method:"post",// 请求方式
parameters:params, // 参数
onComplete:pressResponse, // 响应函数
asynchronous:true
$("show").innerHTML = "正在处理中...";
function pressResponse(request)
var obj = request.responseT // 以文本方式接收
$("show").innerHTML =
var objJson = request.responseText.evalJSON(); // 将接收的文本用解析成Json格式
$("show").innerHTML += "name=" + objJson['name'] + " age=" + objJson['age'];
&input id="submit" type="button" value="提交" onclick="prototypeAjax()" /&&br /&
在prototype的Ajax实现中，用evalJSON方法将字符串转换成JSON对象。
二、jquery实现
&script type="text/javascript" src="jquery-1.3.2.min.js"&&/script&
&script type="text/javascript" src="json2.js"&&/script&
&input id="submit" type="button" value="提交" /&&br /&
&script type="text/javascript"&
function jqueryAjax()
var user={"name":"","age":""};
user.name= $("#name").val();
user.age=$("#age").val();
var time = new Date();
url: "servlet/testAjax?time="+time,
data: "name="+user.name+"&age="+user.age,
datatype: "json",//请求页面返回的数据类型
type: "GET",
contentType: "application/json",//注意请求页面的contentType 要于此处保持一致
success:function(data) {//这里的data是由请求页面返回的数据
var dataJson = JSON.parse(data); // 使用json2.js中的parse方法将data转换成json格式
$("#show").html("data=" + data + " name="+dataJson.name+"
age=" + dataJson.age);
error: function(XMLHttpRequest, textStatus, errorThrown) {
$("#show").html("error");
$("#submit").bind("click",jqueryAjax); // 绑定提交按钮
刚接触jQuery,在json的处理上借助了json2.js。还请前辈们指教。。
三、XMLHttpRequest实现
&script type="text/javascript"&
function XMLHttpRequestAjax()
// 获取数据
var name = document.getElementById("name").
var age = document.getElementById("age").
// 获取XMLHttpRequest对象
if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
}else if(window.ActiveXObject){
var activxName = ["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
for(var i = 0 ; i & activexName. i++){
xmlhttp = new ActiveXObject(activexName[i]);
}catch(e){}
xmlhttp.onreadystatechange =
//回调函数
var time = new Date();// 在url后加上时间，使得每次请求不一样
var url = "servlet/testAjax?name="+name+"&age="+age+"&time="+
xmlhttp.open("GET",url,true); // 以get方式发送请求
xmlhttp.send(null);
// 参数已在url中，所以此处不需要参送
function callback(){
if(xmlhttp.readyState == 4){
if(xmlhttp.status == 200){ // 响应成功
var responseText = xmlhttp.responseT
// 以文本方式接收响应信息
var userdiv = document.getElementById("show");
var responseTextJson = JSON.parse(responseText); // 使用json2.js中的parse方法将data转换成json格式
userdiv.innerHTML=responseText + " name=" + responseTextJson.name + " age=" + responseTextJson.
&input id="submit" type="button" value="提交" onclick="XMLHttpRequestAjax()" /&&br /&
XMLHttpRequest的实现在json的处理上同样的也借助于json2.js。
下载次数: 132
浏览 35064
浏览: 97444 次
来自: 深圳
u 写道u 写道你的tot ...
u 写道你的total是如何获取到的啊？新手 ...
你的total是如何获取到的啊？
总结得很好！
谢谢博主。网页设计教程与开发
提供各种常见网页效果
提供各种各样的设计教程
装扮QQ，让QQ变得更酷
设计参考，提高自升水平
学习服务器和操作系统
提供各种素材和工具
收藏学习资料
您现在的位置：&&>>&&>>&&>>&&>>&正文
jQuery怎么解析Json字符串(Json格式/Json对象)
json数据是我们常用的一种小型的数据实时交换的一个东西，他可以利用jquery或js进行解析，下面我来介绍jquery解析json字符串方法。 一、jQuery解析Json数据格式： 使用这种方法，你必须在Ajax请求中设置参数: 1 dataType: "json" 获取通过回调函数返回的数据并解析得到我们想要的值，看源码： . 代码如下: jQuery.ajax({ url: full_url, dataType: "json", success: function(results) { alert(result.name); } });
通常情况下，你可以从后台返回JSON数据，前台就交给jQuery啦，哈哈！！ jquery异步请求将type（一般为这个配置属性）设为“json”，或者利用$.getJSON()方法获得服务器返回，那么就不 需要eval（）方法了，因为这时候得到的结果已经是json对象了，只需直接调用该对象即可，这里以$.getJSON方法为 例说 例1 代码如下: . 代码如下: var data=" { root: [ {name:'1',value:'0'}, {name:'6101',value:'北京市'}, {name:'6102',value:'天津市'}, {name:'6103',value:'上海市'}, {name:'6104',value:'重庆市'}, {name:'6105',value:'渭南市'}, {name:'6106',value:'延安市'}, {name:'6107',value:'汉中市'}, {name:'6108',value:'榆林市'}, {name:'6109',value:'安康市'}, {name:'6110',value:'商洛市'} ] }";
jquery . 代码如下: $.getJSON("/",{param:"sanic"},function(data){ //此处返回的data已经是json对象 //以下其他操作同第一种情况 $.each(data.root,function(idx,item){ if(idx==0){ //同countinue，返回false同break } alert("name:"+item.name+",value:"+item.value); }); });
二、jQuery解析Json对象： jQuery提供了另一种方法“parseJSON”，这需要一个标准的JSON字符串，并返回生成的JavaScript对象。让我们来看 看语法： data = $.parseJSON(string); 看看它是如何运用的到实际开发中的： . 代码如下: jQuery.ajax({ url: dataURL, success: function(results) { var parsedJson = jQuery.parseJSON(results); alert(parsedJson.name); } });
转载请注明:破洛洛(谢谢合作)
上一篇文章： 下一篇文章：
网友评论：
[][][][][][][][][][]jquery eval解析JSON中的注意点介绍
字体：[ ] 类型：转载 时间：
在JS中将JSON的字符串解析成JSON数据格式，一般有两种方式：使用eval()函数、使用Function对象来进行返回解析，下面有个示例，感兴趣的朋友可以参考下
在JS中将JSON的字符串解析成JSON数据格式，一般有两种方式： 1.一种为使用eval()函数。 2. 使用Function对象来进行返回解析。 使用eval函数来解析，并且使用jquery的each方法来遍历 用jquery解析JSON数据的方法,作为jquery异步请求的传输对象，jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式，对于利用JSONObject等插件封装的JSON对象，与此亦是大同小异，这里不再做说明。 这里首先给出JSON字符串集，字符串集如下： 代码如下:
代码如下: var data=" { root: [ {name:'1',value:'0'}, {name:'6101',value:'北京市'}, {name:'6102',value:'天津市'}, {name:'6103',value:'上海市'}, {name:'6104',value:'重庆市'}, {name:'6105',value:'渭南市'}, {name:'6106',value:'延安市'}, {name:'6107',value:'汉中市'}, {name:'6108',value:'榆林市'}, {name:'6109',value:'安康市'}, {name:'6110',value:'商洛市'} ] }";
这里以jquery异步获取的数据类型——json对象和字符串为依据，分别介绍两种方式获取到的结果处理方式。 1.对于服务器返回的JSON字符串，如果jquery异步请求没做类型说明，或者以字符串方式接受，那么需要做一次对象化处理，方式不是太麻烦，就是将该字符串放于eval()中执行一次。这种方式也适合以普通javascipt方式获取json对象，以下举例说明： var dataObj=eval("("+data+")");//转换为json对象 为什么要 eval这里要添加 “("("+data+")");//”呢？ 原因在于：eval本身的问题。 由于json是以”{}”的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理，所以必须强制性的将它转换成一种表达式。 加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式（expression）转化为对象，而不是作为语句（statement）来执行。举一个例子，例如对象字面量{}，如若不加外层的括号，那么eval会将大括号识别为JavaScript代码块的开始和结束标记，那么{}将会被认为是执行了一句空语句。所以下面两个执行结果是不同的：
代码如下: alert(eval("{}"); // return undefined alert(eval("({})");// return object[Object]
对于这种写法，在JS中，可以到处看到。 如: (function()) {}(); 做闭包操作时等。 --------------------------------------------------------------------------------
代码如下: alert(dataObj.root.length);//输出root的子对象数量 $.each(dataObj.root,fucntion(idx,item){ if(idx==0){
} //输出每个root子对象的名称和值 alert("name:"+item.name+",value:"+item.value); })
注：对于一般的js生成json对象，只需要将$.each()方法替换为for语句即可，其他不变。 2.对于服务器返回的JSON字符串，如果jquery异步请求将type（一般为这个配置属性）设为“json”，或者利用$.getJSON()方法获得服务器返回，那么就不需要eval（）方法了，因为这时候得到的结果已经是json对象了，只需直接调用该对象即可，这里以$.getJSON方法为例说明数据处理方法：
代码如下: $.getJSON("/",{param:"gaoyusi"},function(data){ //此处返回的data已经是json对象 //以下其他操作同第一种情况 $.each(data.root,function(idx,item){ if(idx==0){ //同countinue，返回false同break } alert("name:"+item.name+",value:"+item.value); }); });
这里特别需要注意的是方式1中的eval()方法是动态执行其中字符串（可能是js脚本）的，这样很容易会造成系统的安全问题。所以可以采用一些规避了eval()的第三方客户端脚本库，比如JSON in JavaScript就提供了一个不超过3k的脚本库。 第二种解析方式就是使用Function对象来完成，它的典型应用就是在JQUERY中的AJAX方法下的success等对于返回数据data的解析
代码如下: var json='{"name":"CJ","age":18}'; data =(new Function("","return "+json))();
此时的data就是一个会解析成一个 json对象了.
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具