网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

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://bjjierui.cn/article/hogeig.html

其他资讯