jQuery+ajax+json---2

返回的常见json数据格式

1. 对象格式

数据解析输出方式

该json本身就是一个json对象，所以可以直接获取：

var Id = json.id;

var title = json.title;

var start = json.start;

var end = json.end;

2. 对象数组

数据解析输出方式

$.each(json, function(i, item) {

//循环获取数据    

var Id = item.id;

var title = item.title;

var start = item.start;

var end = item.end;

});

3. 数组对象

数据解析输出方式

$.each(json.first, function(i, item) {

//循环获取数据    

var Id = item.id;

var title = item.title;

var start = item.start;

var end = item.end;

});

ajax获取数据方法

$.ajax({url:"demo_test.txt",success:function(result){
        $("#div1").html(result);
    }});

解析数据并输出到html

$.ajax({
            url: 'https://www.fastmock.site/mock/f9d7125c0549b9b7c2b1f43c048c8426/vueAdmin/api/userlist',
            success: function(json) {
              $.each(json, function(i, item) {
                //循环获取数据    
                var Id = item.id;
                var name = item.name;
                var email = item.email;
                $("#ul").append(name+email);
                  // "<li class='list-group-item'> <h5 class='list-group-item-heading'>" +
                  // name +
                  // "</h5> <p class='list-group-item-text'>" +
                  // email +
                  // "</p></li>");

              });

            }
          });