jqueryjson代碼,js的jquery

本文目錄一覽：

• 1、Jquery push一個JSON方法報錯 代碼如下
• 2、jquery怎樣向json中的object添加鍵值對（元素）？
• 3、jQuery怎麼解析Json字符串
• 4、求一個源碼jquery json 例子
• 5、如何使用jquery取出json格式的數據
• 6、jQuery處理json數據返回數組和輸出的方法

Jquery push一個JSON方法報錯 代碼如下

在jquery里可以直接用isNaN()，因為他是JavaScript的類庫。是由JavaScript語言寫的。

例如：

script type=”text/javascript”

$(document).ready(function(){

alert(isNaN($(‘#id’).val()));

});

/script可以直接使用

jquery怎樣向json中的object添加鍵值對（元素）？

jquery對json 鍵值對或數組的增加、刪除、遍歷操作的代碼如下：

var jsonStr={};

//增加jsonStr[“name1″]=”yu”;jsonStr[“name2″]=”jin”;jsonStr[“name3″]=”sheng”;

$.each(jsonStr,function(_key)

{    console.log(“Push結果：”+_key+”==”+jsonStr[_key]+”\r\n”); });

//遍歷$.each(jsonStr,function(_key)

{    var key = _key;

var value = jsonStr[_key];  

if(_key==”name1″)

{  //刪除       delete jsonStr[_key];

}

});

$.each(jsonStr,function(_key){    console.log(“刪除後的結果：”+_key+”==”+jsonStr[_key]+”\r\n”);

});

輸出結果為：

擴展資料：

jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之後又一個優秀的JavaScript代碼庫（或JavaScript框架）。

jQuery設計的宗旨是“write Less，Do More”，即倡導寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設計模式，優化HTML文檔操作、事件處理、動畫設計和Ajax交互。

jQuery的核心特性可以總結為：具有獨特的鏈式語法和短小清晰的多功能接口；具有高效靈活的css選擇器，並且可對CSS選擇器進行擴展；擁有便捷的插件擴展機制和豐富的插件。jQuery兼容各種主流瀏覽器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

jQuery的模塊可以分為3部分：入口模塊、底層支持模塊和功能模塊。

在構造jQuery對象模塊中，如果在調用構造函數jQuery()創建jQuery對象時傳入了選擇器表達式，則會調用選擇器Sizzle（一款純JavaScript實現的CSS選擇器引擎，用於查找與選擇器表達式匹配的元素集合）遍歷文檔，查找與之匹配的DOM元素，並創建一個包含了這些DOM元素引用的jQuery對象。

瀏覽器功能測試模塊提供了針對不同瀏覽器功能和bug的測試結果，其他模塊則基於這些測試結果來解決瀏覽器之間的兼容性問題。

在底層支持模塊中，回調函數列表模塊用於增強對回調函數的管理，支持添加、移除、觸發、鎖定、禁用回調函數等功能。

異步隊列模塊用於解耦異步任務和回調函數，它在回調函數列表的基礎上為回調函數增加了狀態，並提供了多個回調函數列表，支持傳播任意同步或異步回調函數的成功或失敗狀態。

數據緩存模塊用於為DOM元素和Javascript對象附加任意類型的數據；隊列模塊用於管理一組函數，支持函數的入隊和出隊操作，並確保函數按順序執行，它基於數據緩存模塊實現。

參考資料：

百度百科–jQuery

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方法為 例：

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:’商洛市’} 

    ] 

}”;

$.getJSON(“”,{param:”sanic”},function(data){ 

    //此處返回的data已經是json對象 

    //以下其他操作同第一種情況 

    $.each(data.root,function(idx,item){ 

        if(idx==0){ 

            return true;//同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 json 例子

1.獲取DataSet

2.轉成DataTable

3.

public static string DataTableToJson(DataTable dt)

{

StringBuilder jsonBuilder = new StringBuilder();

//jsonBuilder.Append(“{“); //輸出的要求不要’}’

//jsonBuilder.Append(dt.TableName);

jsonBuilder.Append(“[“);

for (int i = 0; i dt.Rows.Count; i++)

{

jsonBuilder.Append(“{“);

for (int j = 0; j dt.Columns.Count; j++)

{

jsonBuilder.Append(“\””);

jsonBuilder.Append(dt.Columns[j].ColumnName);

jsonBuilder.Append(“\”:\””);

jsonBuilder.Append(dt.Rows[i][j].ToString());

jsonBuilder.Append(“\”,”);

}

jsonBuilder.Remove(jsonBuilder.Length – 1, 1);

jsonBuilder.Append(“},”);

}

jsonBuilder.Remove(jsonBuilder.Length – 1, 1);

jsonBuilder.Append(“]”);

//jsonBuilder.Append(“}”); //輸出的要求不要’}’

return jsonBuilder.ToString();

}

4.把Json字串Response出來

5.獲取Json字串

function load() //頁面加載

{

$.ajax({

type:”post”,

url:”../Handler/LinkManHandler.ashx”,//從哪獲取Json

data:”action=getLinkManid=”+comId,//Ajax傳遞的參數

beforeSend:function(){

//獲取之前顯示 loading 或 正在加載

},

success:function(mess)

{

$(“#divImage”).hide();

if(mess!=”]”)// 如果獲取的數據不為空

{

var type=eval(mess);

var str=”a首頁/a”

for(var i=0;itype.length;i++)

{

//操作type 獲取東西

str+=”a”+type[i].數據庫字段名+”/a

}

$(“#divLinkMan”).html(str);//把str嵌入div divLinkMan 中

}

else

{

var notfind=”h2未找到數據a href=’../Main.htm’ target=’_parent’返回/a/h2″

$(“#divLinkMan”).html(notfind);

}

},

complete:function()

{

//所有的都執行完後的方法

}

});

}

如何使用jquery取出json格式的數據

不知道你想做什麼。

jquery是運行在瀏覽器端的一個js

函數庫，json被瀏覽器解析之後就是

一個js字面量(或叫做對象)

。你說拼接，是不是把兩個json的數據變成一個對象？我覺得這完全沒必要吧，如果你需要同時獲取兩個json你可以在服務器端直接把這兩次請求合併為一個，這樣只用一次請求

速度還快一些

。

如果你非要獲取兩次然後拼接成一個對象也可行。

function

callback(json){

這裡寫你處理最終json的代碼

}

$.getjson(“url1”,

function(json1)

{//獲取第一個json

$.getjson(“url2”,

function(json2)

{//回調函數中獲取第二個json

var

key;

for

(key

in

json2)

{//遍歷第二個json對象添加到第一個json中

json1[key]

=

json2[key];

};

callback(json1);

//處理最終得到的json對象

});

});

jQuery處理json數據返回數組和輸出的方法

這篇文章主要介紹了jQuery處理json數據返回數組和輸出的方法,涉及jQuery操作數組及json的技巧,需要的朋友可以參考下

本文實例講述了jQuery處理json數據返回數組和輸出的方法。分享給大家供大家參考。具體實現方法如下：

代碼如下:

/*print

the

json

object

*

*$(“selector”).print_r_json(json,opts)

:

return

formatted

string

(and

print)

*sprint_r_json

:

just

return

the

string;

*print_r_json

:

return

the

formatted

string

and

print

json

data

*contribute

明河

*

*auth

iorichina

*

*example:

*3

ways

to

use

it

*script

language=”javascript”

*$(“selector”).print_r_json({“a”:”aa”,”d”:{“ef”:{“a”:”d”,”d”:[“a”,”b”]},”ed”:”dd”},”g”:”g”},{if_print:true,return_array:true});

*document.write($.sprint_r_json({“a”:”aa”,”d”:{“ef”:{“a”:”d”,”d”:[“a”,”b”]},”ed”:”dd”},”g”:”g”}));

*$.print_r_json({“a”:”aa”,”d”:{“ef”:{“a”:”d”,”d”:[“a”,”b”]},”ed”:”dd”},”g”:”g”});

*/script

*

*/

$.fn.print_r_json

=

function(json,options){

if(typeof(json)!=”object”)

return

false;

var

opts

=

$.extend({},$.fn.print_r_json.defaults,options);

var

data

=

”;

if(opts.if_print)

{

data

=

$.sprint_r_json(json)

$(this).html(‘div

style=”font-weight:bold”‘+(opts.return_array?’Array’:’JSON-DATA’)+’/div’+data);

}

if(opts.array)

{

return

$.json_to_array(json);

}

return

data;

};

$.fn.print_r_json.defaults

=

{

if_print

:

false,//if

print

or

just

return

formatted

string

return_array

:

true

//return

an

Array

};

$.extend({

print_r_json

:

function(json)

{

if(typeof(json)==”object”)

{

var

text=’div

style=”font-weight:bold;”{/divdiv

style=”margin-left:25px;”‘;

document.write(‘div

style=”font-weight:bold;”{/divdiv

style=”margin-left:25px;”‘);

for(var

p

in

json)

{

if(typeof(json[p])==”object”)

{

document.write(‘div[“‘+p+'”]

=

‘);

text+=’div[“‘+p+'”]

=

‘+$.print_r_json(json[p])+’/div’;

document.write(‘/div’);

}

else

{

text+=’div[‘+((/^d+$/).test(p)?p:(‘”‘+p+'”‘))+’]

=

“‘+json[p]+'”/div’;

document.write(‘div[‘+p+’]

=

‘+json[p]+’/div’);

}

}

text+=’/divdiv

style=”font-weight:bold;”}/div’;

document.write(‘/divdiv

style=”font-weight:bold;”}/div’);

return

(text);

}

else

{

document.write(json);

return

(json);

}

},

sprint_r_json

:

function(json)

{

if(typeof(json)==”object”)

{

var

text

=

‘div

style=”font-weight:bold;”{/divdiv

style=”margin-left:25px;”‘;

for(var

p

in

json)

{

if(typeof(json[p])==”object”)

{

text

+=

‘div[“‘+p+'”]

=

‘+$.sprint_r_json(json[p])+’/div’;

}

else

{

text

+=

‘div[‘+((/^d+$/).test(p)?p:(‘”‘+p+'”‘))+’]

=

“‘+json[p]+'”/div’;

}

}

text

+=

‘/divdiv

style=”font-weight:bold;”}/div’;

return

(text);

}

else

{

return

(json);

}

},

json_to_array

:

function(json)

{

if(typeof(json)==”object”)

{

var

text

=

new

Array();

for(var

p

in

json)

{

if(typeof(json[p])==”object”)

{

text[p]

=

$.json_to_array(json[p]);

}

else

{

text[p]

=

json[p];

}

}

return

(text);

}

else

{

return

(json);

}

}

});

希望本文所述對大家的jQuery程序設計有所幫助。