AJax 把拿到的后臺(tái)數(shù)據(jù)在頁(yè)面中渲染的實(shí)例
更新時(shí)間：2018年08月11日 08:42:54 作者：愛(ài)吃排骨
今天小編就為大家分享一篇AJax 把拿到的后臺(tái)數(shù)據(jù)在頁(yè)面中渲染的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
1.先放一段ajax http://xxxxx/GCMS/dispatch/getCarTypes 這樣一段URL
2.下面來(lái)使用它 ，貼代碼
$(".set-value").on("tap",function(){
var html="";
$.get("http://XXXX/dispatch/getCarTypes",function(data,status){
for( var i=0;i<data.data.length;i++){
// $(".cell").html(data.data[0].data+"<img src='data.data[0].url' />")
html+=
'<li class="mui-table-view-cell">'
+'<img src="'+data.data[i].url+'">' +data.data[i].data
+'</li>'
}
$(".set-select").html(html)
})
})
這里需要注意的是 var html="";這里 需要在$.get前面創(chuàng)建，如果在$.get后面創(chuàng)建，會(huì)獲取到一個(gè)underfind 的數(shù)據(jù).
接下來(lái) 就是拼接數(shù)據(jù)了
html+= '<li class="mui-table-view-cell">' +'<img src="'+data.data[i].url+'">' +data.data[i].data +'</li>'
最后，把定義好的html 賦值到 你需要在html頁(yè)面上渲染的地方
$(".set-select").html(html)
效果展示：
以上這篇AJax 把拿到的后臺(tái)數(shù)據(jù)在頁(yè)面中渲染的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
AJAX技術(shù)經(jīng)過(guò)這么多年的發(fā)展，出現(xiàn)了一些框架或類(lèi)庫(kù)用于簡(jiǎn)化開(kāi)發(fā)工作，不同的框架類(lèi)庫(kù)的使用方法也各不相同。 現(xiàn)在，再回頭看看這些技術(shù)，看看這些框架類(lèi)庫(kù)，我們能感受到技術(shù)在不斷地發(fā)展，AJAX開(kāi)發(fā)越來(lái)越容易了。2015-09-09
防止ajax重復(fù)請(qǐng)求的方法(GET和POST)
防止ajax重復(fù)請(qǐng)求的方法(GET和POST) ,需要的朋友可以參考下。2011-10-10
AJAX跨域請(qǐng)求之JSONP獲取JSON數(shù)據(jù)
JSONP(JSON with Padding)是一個(gè)非官方的協(xié)議，它允許在服務(wù)器端集成Script tags返回至客戶(hù)端，通過(guò)javascript callback的形式實(shí)現(xiàn)跨域訪(fǎng)問(wèn)（這僅僅是JSONP簡(jiǎn)單的實(shí)現(xiàn)形式）。2015-09-09
這篇文章主要介紹了JSP+Ajax 添加、刪除多選框2006-10-10
這篇文章主要為大家詳細(xì)介紹了ajax使用formdata上傳文件流，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-10-10
AJAX 是一種用于創(chuàng)建快速動(dòng)態(tài)網(wǎng)頁(yè)的技術(shù)。通過(guò)在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換，AJAX 可以使網(wǎng)頁(yè)實(shí)現(xiàn)異步更新。接下來(lái)通過(guò)本文給大家講解ajax的工作原理及優(yōu)缺點(diǎn)，感興趣的朋友一起看看吧2016-11-11
這篇文章主要介紹了jQuery Ajax方式上傳文件的方法的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08
ajax跨域獲取網(wǎng)站json數(shù)據(jù)的實(shí)例
下面小編就為大家分享一篇ajax跨域獲取網(wǎng)站json數(shù)據(jù)的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
關(guān)于ajax的多次請(qǐng)求問(wèn)題
下面小編就為大家?guī)?lái)一篇關(guān)于ajax的多次請(qǐng)求問(wèn)題。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
Ajax獲得站點(diǎn)文件內(nèi)容實(shí)例不涉及服務(wù)器
選擇一部著作，會(huì)通過(guò) Ajax 實(shí)時(shí)獲得相關(guān)的名字，一個(gè)簡(jiǎn)單的不涉及服務(wù)器的Ajax實(shí)例,需要的朋友可以參考下2014-05-05