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>
注意:如果不是列表,則可以省略循環。