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