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)文章
在項目中經(jīng)常用到AJAX調(diào)用遠(yuǎn)程數(shù)據(jù)，每一次調(diào)用，都得寫一個ajax方法，這就造成了重復(fù)代碼過多，可讀性也不夠強(qiáng)，所以，我一般都是封裝起來，需要的時候調(diào)用2016-01-01
支持跨域的Ajax異步(請求)提交類2009-07-07
本文主要總結(jié)整理Ajax的一些常用的基礎(chǔ)知識，非常適合初學(xué)者。需要的朋友可以參考借鑒，下面來一起學(xué)習(xí)學(xué)習(xí)吧。2017-01-01
跨域問題是我們在開發(fā)中經(jīng)常會遇到的一個需求，下面這篇文章主要給大家介紹了關(guān)于ajax和jsonp跨域的原理本質(zhì)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-11-11
AJAX開發(fā)簡略 (第一部分)...2006-12-12
這篇文章主要介紹了jquery ajax實現(xiàn)文件拖拽上傳功能的實例代碼,代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友可以參考下2018-04-04
ajax 不錯的應(yīng)用...2006-07-07
Ajax 和 Asp 的編程...2006-10-10
這篇文章主要為大家詳細(xì)介紹了AJAX XMLHttpRequest對象，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-03-03
深入淺析AjaxFileUpload實現(xiàn)單個文件的 Ajax 文件上傳庫
jQuery.AjaxFileUpload.js是一款jQuery插件，用于通過ajax上傳文件。本文給大家介紹AjaxFileUpload實現(xiàn)單個文件的 Ajax 文件上傳庫，對此感興趣的朋友一起學(xué)習(xí)吧2016-04-04