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)文章
Ajax局部刷新應(yīng)用案例---簡(jiǎn)單登錄
Ajax局部刷新在之前的文章中也有介紹過(guò)，下面以一個(gè)登錄的例子為大家介紹下其具體的使用2013-12-12
這篇文章主要介紹了Ajax原理與應(yīng)用案例,結(jié)合實(shí)例形式分析了ajax原理、功能、創(chuàng)建及使用方法,需要的朋友可以參考下2019-07-07
也寫一個(gè)Ajax.Request類附代碼...2007-08-08
AJAX中同時(shí)發(fā)送多個(gè)請(qǐng)求XMLHttpRequest對(duì)象處理方法
AJAX中同時(shí)發(fā)送多個(gè)請(qǐng)求XMLHttpRequest對(duì)象處理方法...2007-04-04
這篇文章主要為大家詳細(xì)介紹了ajax文件上傳的相關(guān)資料，成功解決了瀏覽器兼容問(wèn)題，感興趣的小伙伴們可以參考一下2016-05-05
FormData+Ajax實(shí)現(xiàn)上傳進(jìn)度監(jiān)控
FormData類型其實(shí)是在XMLHttpRequest 2級(jí)定義的，它是為序列化表以及創(chuàng)建與表單格式相同的數(shù)據(jù)（當(dāng)然是用于XHR傳輸）提供便利。接下來(lái)通過(guò)本文給大家分享FormData+Ajax實(shí)現(xiàn)上傳進(jìn)度監(jiān)控，需要的朋友一起看看吧2017-11-11
jquery ajax實(shí)現(xiàn)批量刪除具體思路及代碼
回調(diào)函數(shù)，在請(qǐng)求完成后需要進(jìn)行的操作：此處是把選中的checkbox去掉，接下來(lái)為大家詳細(xì)介紹下，感興趣的朋友可以參考下哈，希望對(duì)你有所幫助2013-04-04
這篇文章主要為大家詳細(xì)介紹了AJAX XMLHttpRequest對(duì)象，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-03-03
AJAX跨域請(qǐng)求JSONP獲取JSON數(shù)據(jù)的實(shí)例代碼
Asynchronous JavaScript and XML (Ajax) 是驅(qū)動(dòng)新一代 Web 站點(diǎn)（流行術(shù)語(yǔ)為 Web 2.0 站點(diǎn)）的關(guān)鍵技術(shù)。Ajax 這篇文章主要介紹了AJAX跨域請(qǐng)求JSONP獲取JSON數(shù)據(jù)的實(shí)例代碼,需要的朋友可以參考下2017-02-02
ajax異步回調(diào)函數(shù)中給外部變量賦值的問(wèn)題探討
ajax異步回調(diào)函數(shù)中給外部變量賦值的問(wèn)題在本文將為大家詳細(xì)探討下，感興趣的朋友可以參考下2013-09-09