快捷導(dǎo)航

jQuery 遍歷json數(shù)組的實現(xiàn)代碼

更新時間：2020年09月22日 11:44:15 投稿：mdxy-dxy

看到網(wǎng)上有很多朋友問遍歷json數(shù)組的代碼，腳本之家特為大家整理了一些，需要的朋友可以看下。

<script type="text/javascript"> 
var d1 =[{"text":"王家灣","value":"9"},{"text":"李家灣","value":"10"},{"text":"邵家灣","value":"13"}]; 
$(d1).each(function(){ 
alert(this.text+" "+this.value); 
}); 
</script>

不用JQuery

<script type="text/javascript"> 
var json = {"options":"[{\"text\":\"王家灣\",\"value\":\"9\"},{\"text\":\"李家灣\",\"value\":\"10\"},{\"text\":\"邵家灣\",\"value\":\"13\"}]"} 
json = eval(json.options) 
for(var i=0; i<json.length; i++) 
{ 
alert(json[i].text+" " + json[i].value) 
} 
</script>

js遍歷json數(shù)組

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<META NAME="Author" CONTENT=""> 
<META NAME="Keywords" CONTENT=""> 
<META NAME="Description" CONTENT=""> 
<script language="javascript"> 
function e() 
{ 
var json=[{"kl_id":"2","kl_title":"Test date","kl_content":"Test date","kl_type":"1","id":"1"},{"kl_id":"2","kl_title":"Test","kl_content":"Test","kl_type":"1","id":"2"}] 
var str = ""; 
for (var one in json) 
{ 
for(var key in json[one]) 
{ 
str += json[one][key] + ","; 
} 
} 
document.form.txtName.value = str; 
} 
</script> 
</HEAD> 

<BODY> 
<form name="form"> 
<a href="#" onclick="e();">Click</a> 
<br> 
<input name="txtName" value="" type="text" size="50"> 
</form> 
</BODY> 
</HTML>

到此這篇關(guān)于jQuery 遍歷json數(shù)組的實現(xiàn)代碼的文章就介紹到這了,更多相關(guān)jQuery 遍歷json數(shù)組內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

Ajax+Json 級聯(lián)菜單實現(xiàn)代碼
Ajax+Json 級聯(lián)菜單實現(xiàn)代碼，需要的朋友可以參考下。
2009-10-10
json-lib出現(xiàn)There is a cycle in the hierarchy解決辦法
如果需要解析的數(shù)據(jù)間存在級聯(lián)關(guān)系，而互相嵌套引用，在hibernate中極容易嵌套而拋出net.sf.json.JSONException: There is a cycle in the hierarchy異常。
2010-02-02
JSON 教程 json入門學(xué)習(xí)筆記
JSON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式。易于人閱讀和編寫。
2010-04-04
深入分析JSON編碼格式提交表單數(shù)據(jù)
這篇文章主要介紹了深入分析JSON編碼格式提交表單數(shù)據(jù)的相關(guān)資料,需要的朋友可以參考下
2015-06-06
JSON 學(xué)習(xí)之JSON in JavaScript詳細(xì)使用說明
只需要在前臺頁面中引入相應(yīng)的javascript即可測試
2010-02-02
利用NodeJS的子進(jìn)程(child_process)調(diào)用系統(tǒng)命令的方法分享
child_process即子進(jìn)程可以創(chuàng)建一個系統(tǒng)子進(jìn)程并執(zhí)行shell命令，在與系統(tǒng)層面的交互上挺有用處
2013-06-06
JSON 和 JavaScript eval使用說明
JSON (JavaScript Object Notation) 一種輕量級的數(shù)據(jù)交換格式，比 XML 更輕巧，JSON 是JavaScript 原生格式，這意味著 JavaScript 中處理 JSON 數(shù)據(jù)不需要任何 API 和工具包。
2010-06-06
JSON.parse 數(shù)據(jù)不完整的解決方法
本文主要介紹了JSON.parse 數(shù)據(jù)不完整的解決方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-07-07
JavaScript 創(chuàng)建對象
JSON方式/對象直接量等多種方法。大家可以快速的掌握js對象的建立。
2009-07-07
json簡單介紹
我們知道AJAX技術(shù)能夠使得每一次請求更加迅捷，對于每一次請求返回的不是整個頁面，也僅僅是所需要返回的數(shù)據(jù)。
2008-06-06