Ajax返回的json遍歷取值并顯示到前臺(tái)的方法
更新時(shí)間：2018年08月06日 16:01:16 作者：Friendship_Boat
今天小編就為大家分享一篇Ajax返回的json遍歷取值并顯示到前臺(tái)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
使用$.each(data,function(i,n){});
可以用n.字段，取到想要的值。
$.ajax({
type: 'post',
url: '/XXX',
dataType: 'json',
success:function(data){
var item;
$.each(data,function(i,result){
item=
"<tr><td>"+result['name']+"</td><td>"+result['age']+"</td></tr>";
$('.table').append(item);
});
},
});
然后將item打入table里
<table class="table"> <tr><th>name</th><th>age</th></tr> </table>
以上這篇Ajax返回的json遍歷取值并顯示到前臺(tái)的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
使用對(duì)象封裝ajax重復(fù)調(diào)用的方法
在項(xiàng)目中經(jīng)常用到AJAX調(diào)用遠(yuǎn)程數(shù)據(jù)，每一次調(diào)用，都得寫(xiě)一個(gè)ajax方法，這就造成了重復(fù)代碼過(guò)多，可讀性也不夠強(qiáng)，所以，我一般都是封裝起來(lái)，需要的時(shí)候調(diào)用2016-01-01
支持跨域的Ajax異步(請(qǐng)求)提交類2009-07-07
本文主要總結(jié)整理Ajax的一些常用的基礎(chǔ)知識(shí)，非常適合初學(xué)者。需要的朋友可以參考借鑒，下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-01-01
跨域問(wèn)題是我們?cè)陂_(kāi)發(fā)中經(jīng)常會(huì)遇到的一個(gè)需求，下面這篇文章主要給大家介紹了關(guān)于ajax和jsonp跨域的原理本質(zhì)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-11-11
AJAX開(kāi)發(fā)簡(jiǎn)略 (第一部分)
AJAX開(kāi)發(fā)簡(jiǎn)略 (第一部分)...2006-12-12
jquery ajax實(shí)現(xiàn)文件上傳功能實(shí)例代碼
這篇文章主要介紹了jquery ajax實(shí)現(xiàn)文件拖拽上傳功能的實(shí)例代碼,代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2018-04-04
ajax 不錯(cuò)的應(yīng)用...2006-07-07
Ajax 和 Asp 的編程...2006-10-10
這篇文章主要為大家詳細(xì)介紹了AJAX XMLHttpRequest對(duì)象，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-03-03
深入淺析AjaxFileUpload實(shí)現(xiàn)單個(gè)文件的 Ajax 文件上傳庫(kù)
jQuery.AjaxFileUpload.js是一款jQuery插件，用于通過(guò)ajax上傳文件。本文給大家介紹AjaxFileUpload實(shí)現(xiàn)單個(gè)文件的 Ajax 文件上傳庫(kù)，對(duì)此感興趣的朋友一起學(xué)習(xí)吧2016-04-04