本文目錄一覽:
- 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數據返回數組和輸出的方法。分享給大家供大家參考。具體實現方法如下:
代碼如下:
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
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
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程序設計有所幫助。
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/285931.html