成都创新互联网站制作重庆分公司

jquery的json,jQuery用法

jquery解析json怎么解析

获取JSON数据,在jQuery中有一个简单的方法 $.getJSON() 可以实现。

成都创新互联公司-专业网站定制、快速模板网站建设、高性价比榆阳网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式榆阳网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖榆阳地区。费用合理售后完善,十多年实体公司更值得信赖。

下面引用的是官方API对$.getJSON()的说明:

jQuery.getJSON( url, [data,] [success(data, textStatus, jqXHR)] )

urlA string containing the URL to which the request is sent.

dataA map or string that is sent to the server with the request.

success(data, textStatus, jqXHR)A callback function that is executed if the request succeeds.

回调函数中接受三个参数,第一个书返回的数据,第二个是状态,第三个是jQuery的XMLHttpRequest,我们只使用到第一个参数。

$.each()是用来在回调函数中解析JSON数据的方法,下面是官方文档:

jQuery.each( collection, callback(indexInArray, valueOfElement) )

collectionThe object or array to iterate over.

callback(indexInArray, valueOfElement)The function that will be executed on every object.

$.each()方法接受两个参数,第一个是需要遍历的对象集合(JSON对象集合),第二个是用来遍历的方法,这个方法又接受两个参数,第一个是遍历的index,第二个是当前遍历的值。哈哈,有了$.each()方法JSON的解析就迎刃而解咯。

function loadInfo() {   

$.getJSON("loadInfo", function(data) {        

$("#info").html("");//清空info内容        

$.each(data.comments, function(i, item) {            

$("#info").append("div" + item.id + "/div" + "div" + item.nickname+ "/div" +                    

"div" + item.content + "/divhr/");        

});        

});

}

如何使用jquery取出json格式的数据

下面就使用jQuery读取music.txt文件中的JSON数据格式信息。

首先,music.txt中的内容如下:

复制代码 代码如下:

[

{"optionKey":"1", "optionValue":"Canon in D"},

{"optionKey":"2", "optionValue":"Wind Song"},

{"optionKey":"3", "optionValue":"Wings"}

]

下来是HTML代码:

复制代码 代码如下:

div点击按钮获取JSON数据/div

input type="button" id="button" value="确定" /

div id="result"/div

使用Ajax获取JSON数据的jQuery代码:

复制代码 代码如下:

$(document).ready(function(){

$('#button').click(function(){

$.ajax({

type:"GET",

url:"music.txt",

dataType:"json",

success:function(data){

var music="ul";

//i表示在data中的索引位置,n表示包含的信息的对象

$.each(data,function(i,n){

//获取对象中属性为optionsValue的值

music+="li"+n["optionValue"]+"/li";

});

music+="/ul";

$('#result').append(music);

}

});

return false;

});

});

当然,也可以使用$.getJSON()方法,代码简洁一点:

复制代码 代码如下:

$(document).ready(function(){

$('#button').click(function(){

$.getJSON('music.txt',function(data){

var music="ul";

$.each(data,function(i,n){

music+="li"+n["optionValue"]+"/li";

});

music+="/ul";

$('#result').append(music);

});

return false;

});

});

jQuery怎么解析Json字符串

var data = '{state:true}'; // 任意json字符串,这里只是举个简单的例子

var obj = eval("(" + data + ")"); // 这是解析json串

if(obj.state) { // 解析完可以直接使用了

// 你的代码

}

如果您担心自己的json串拼错了,可以把json串放到“在线JSON校验格式化工具”(自己度娘),去格式化检测一下,通过了就肯定是对的。如果无法格式化,说明你的json拼错了,错误的json串是无法解析的哦。希望能帮到你。

jquery怎么传递json格式的参数

可使用工具类

JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串。

json传递之前转换成字符串

后台接受到之后转换成json格式即可


本文标题:jquery的json,jQuery用法
网址分享:http://cxhlcq.com/article/hogeig.html

其他资讯

在线咨询

微信咨询

电话咨询

028-86922220(工作日)

18980820575(7×24)

提交需求

返回顶部