JavaScript - 动态数据

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>

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