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>

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