主頁 > 知識庫 > AJax 把拿到的后臺數據在頁面中渲染的實例

AJax 把拿到的后臺數據在頁面中渲染的實例

熱門標簽:大學校門地圖標注 平涼高德地圖標注商戶要收費嗎 福建微碼電話機器人 提高電話機器人接通率 外呼系統(tǒng)api對接 地圖標注與公司業(yè)務關系 廣西智能外呼系統(tǒng)多少錢 銷售電銷機器人詐騙 荊州智能電銷機器人

1.先放一段ajax http://xxxxx/GCMS/dispatch/getCarTypes 這樣一段URL

2.下面來使用它 ,貼代碼

	$(".set-value").on("tap",function(){
			 var html="";
			
			
				$.get("http://XXXX/dispatch/getCarTypes",function(data,status){
				 
				
				for( var i=0;idata.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)建,會獲取到一個underfind 的數據.

接下來 就是拼接數據了

 html+=
 'li class="mui-table-view-cell">'
 +'img src="'+data.data[i].url+'">' +data.data[i].data
 +'/li>'

最后,把定義好的html 賦值到 你需要在html頁面上渲染的地方

$(".set-select").html(html)

效果展示:

以上這篇AJax 把拿到的后臺數據在頁面中渲染的實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

您可能感興趣的文章:
  • Vue.js 通過jQuery ajax獲取數據實現更新后重新渲染頁面的方法
  • vue.js,ajax渲染頁面的實例
  • ajax接收后臺數據在html頁面顯示
  • 利用js將ajax獲取到的后臺數據動態(tài)加載至網頁中的方法
  • Ajax獲取數據然后顯示在頁面的實現方法

標簽:內江 德陽 海南 邯鄲 衡陽 樂山 婁底 黔東

巨人網絡通訊聲明:本文標題《AJax 把拿到的后臺數據在頁面中渲染的實例》,本文關鍵詞  AJax,把,拿到,的,后臺,數據,;如發(fā)現本文內容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內容系統(tǒng)采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《AJax 把拿到的后臺數據在頁面中渲染的實例》相關的同類信息!
  • 本頁收集關于AJax 把拿到的后臺數據在頁面中渲染的實例的相關信息資訊供網民參考!
  • 推薦文章