用ajax从接口获取数据

现在大部分都是前后端分离的项目,需要我们通过接口获取数据,其实和传统的差不多,没必要把调接口数据想象的那么难和高大上(#^.^#)

仅举例说明

写一个getUser.json

{
	"code":1,
	"msg":"获取成功",
	"data":{
		"id":1,
		"uid":358,
		"name":"hhh",
		"sex":"男",
		"img":"1000",
		"number":1003,
		"allow_number":1
	}
}

用ajax调用这个数据

    var RUL_list = 'http://你的路径/getUser';
	$.ajax({
		type:'post',
        url: RUL_list,
        data:{'access_token':token,'aid':2},
        dataType : 'json',
        async : true, //默认为true 异步
        success:function(data){
            console.log(data.data);
            if(data.code == '1'){
//              $.each(data.data,function(key,arr){ 
		            var str ="
" + "
"+data.data.id+"号:"+data.data.name+" ("+data.data.sex+")
" + "
" + "
当前排名:
"+data.data.paiming+"
" + "
"; $("#content").prepend(str); // }); }else if(data.code == '4' ){ $("#content").html("你没权限!"); } }, error:function(data){ // alert(data.code); } });

相应的页面

 

你可能感兴趣的:(web前端,接口测试)