導航:首頁 > 編程語言 > jquery怎麼處理json

jquery怎麼處理json

發布時間:2024-01-20 05:14:11

『壹』 jQuery怎麼解析json字元串

你要是用jquery的ajax方法的話,在dataType屬性里表明是json的話,可以自動把返回數據解析成對象。回

要是其他方法獲取答到這個json字元串的可以用一下方法解析:

$(function(){
vardata="{"name":"jack","age":11}";
varjsondata=$.parseJSON(data);
console.info(jsondata);
console.info("姓名:"+jsondata.name);
console.info("年齡:"+jsondata.age);
}

『貳』 Jquery怎麼樣對這種json格式的數據進行增刪改查

<script>
var objs = { "name": "中海國際", "blocks": [{ "id": 1, "name": "A座", "floors": [{ "id": 1, "name": "1F", "rooms": ["1001", "1002"] }, { "id": 2, "name": "2F", "rooms": ["2001", "2002"] }] }]};
console.log(objs.name);
for(var i=0;i<objs.blocks.length;i++){
var block = objs.blocks[i];
var floor = block.floors;
console.log(objs.blocks[i].id+"~"+objs.blocks[i].name);
for(var j=0;j<floor.length;j++){
console.log(floor[j].id+"~"+floor[j].name);
var room = floor[j].rooms;
for(var k=0;k<room.length;k++){
console.log(room[k]);
}
}
}
</script>

『叄』 jQuery怎麼把JSON格式的字元串轉換為JSON對象

你好,復jQuery提供了很簡單制的方法:

varjsonStr='{"a":1,"b":"string","c":[1,"11"]}';
console.log(typeof(jsonStr));//string
varjson=$.parseJSON(jsonStr);
console.log(typeof(json));//object
console.log(json.c);//[1,"11"]

希望是你想要的答案,望採納~~

『肆』 jQuery中使用each處理json數據

eg:給傳進來的ID中當其對應的值為true時,即給對應的ID標簽添加一個class
名為
focus,如:
var
obj
=
{
id01:'true',
id02:'flase',
id03:'true'};
$.each(obj,function(key,val){
if(val
==
'true'){
$('#'
+
key).addClass('focus');
}
});
結果:ID為id01及id03的標簽會添加一個class標簽;
eg2:
json數據如下:
[
{"Id":
10004,
"PageName":
"club"},
{"Id":
10040,
"PageName":
"qaz"},
{"Id":
10059,
"PageName":
"beauty"}
]
希望用jquery對此數據進行操作,使用$.each:
$.each(data,
function(i,
item)
{
alert(item.PageName);
});
本人親測可行。
以上所述就是本文的全部內容了,希望大家能夠喜歡。

『伍』 請教jquery高手,怎樣解析 json數據

這是jQuery里jQuery.post的定義:jQuery.post(url,[data],[callback],[type])

第四個參數可以指定返回的數據類型,可以設置成「json」。如果返回的內容符合json的格式,jQuery會自動進行解析的,然後你就可以使用了,比如:

$.post("../getData.aspx", function(data){
// 解析後,data是一個數組,數組里的元素是一個個對象
var item;
for(var i=0, len=data.length; i<len; i++) {
item=data[i];
alert(item.fieldName);
alert(item.filedValue);
}
}, 'json');

『陸』 jQuery怎麼解析Json字元串

一、jQuery解析Json數據格式:
使用這種方法,必須在Ajax請求中設置參數:
1、dataType: "json"
獲取通過回調函數返回的數據並解析得到我們想要的值,看源碼:

jQuery.ajax({
url:full_url,
dataType:"json",
success:function(results){
alert(result.name);
}
});

jquery非同步請求將type(一般為這個配置屬性)設為「json」,或者利用$.getJSON()方法獲得伺服器返回,那麼就不需要eval()方法了,因為這時候得到的結果已經是json對象了,只需直接調用該對象即可,這里以$.getJSON方法為 例:

vardata="
{
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:'商洛市'}
]
}";
$.getJSON("http://sanic.cnblogs.com/",{param:"sanic"},function(data){
//此處返回的data已經是json對象
//以下其他操作同第一種情況
$.each(data.root,function(idx,item){
if(idx==0){
returntrue;//同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){
varparsedJson=jQuery.parseJSON(results);
alert(parsedJson.name);
}
});

『柒』 jquery解析json怎麼解析

獲取JSON數據,在jQuery中有一個簡單的方法 $.getJSON() 可以實現。

下面引用的是官方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的解析就迎刃而解咯。

functionloadInfo(){
$.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+"</div><hr/>");
});
});
}
閱讀全文

與jquery怎麼處理json相關的資料

熱點內容
怎麼把很多文件夾里 瀏覽:892
文件夾中的文件按照excel進行分類 瀏覽:967
如何利用網路學英語 瀏覽:986
word如何刪除單頁頁眉 瀏覽:712
服裝設計數據報錯會損失多少 瀏覽:791
魅族主題文件在哪個文件夾 瀏覽:957
vbnet讀取xlsx文件 瀏覽:257
word2003公式編號右對齊 瀏覽:223
word文件夾怎麼樣可以全選 瀏覽:658
在大一編程跟不上怎麼辦 瀏覽:742
coreldraw文件如何導入3dmax 瀏覽:150
招標文件如何用word做密封頁 瀏覽:44
如何在c51中調用匯編程序 瀏覽:824
java字元串轉碼gbk 瀏覽:983
win怎麼打開隱藏文件夾選項 瀏覽:454
榮耀手機qq接收文件在哪個文件夾 瀏覽:708
messagebox的頭文件 瀏覽:100
java啟動線程處理 瀏覽:622
騰迅收藏的表情在哪個文件夾 瀏覽:388
為什麼excel的文件是word打開的 瀏覽:781

友情鏈接