1、使用ajax進行數據的請求

function getData(params){$.ajax({type: "POST", //提交方式data: "{params}", //請求參數url:, //請求接口contentType: "application/text;charset=utf-8",async: false, //是否同步dataType: "json", //數據格式success: function (data){ //執行成功var mjson = data;if(mjson.msg=='ok'){ //狀態碼 showData(mjson);}},error: function (err) { //執行不成功alert("網絡錯誤，請重試"+err);}}); }

2、請求成功直接調用數據展示的function()

<div id="id"><div>單條數據</div> </div> function showData(data){console.log(data)var baseUrl="http://www.xxx.com/data/upload/"; //圖片前綴var dataDom = ''; //數據文檔for (var i = 0; i < data.result.length; i++) {　　dataDom += '<div>'+data.result[i].id+'</div>'}$("#id").empty();$("#id").append(dataDom); }

?3、假如data.result.length 長度等于3，則在html頁面顯示

<div id="id"><div>1</div><div>2</div><div>3</div> </div>

注意：如果不是列表，則可以省略循環。

轉載于:https://www.cnblogs.com/dicksoy/p/6497378.html

總結

以上是生活随笔為你收集整理的JavaScript - 动态数据的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。