用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 ="<div id='xx'>"
					  + "<div class='name'>"+data.data.id+"号："+data.data.name+" ("+data.data.sex+")</div>"
					  + "<div class='n-father'>"
					  + "<div class='n-left'>当前排名：<br /><span >"+data.data.paiming+"</span></div>"
					  + "</div>";
				
		            $("#content").prepend(str);
		           
//		          });
            }else if(data.code == '4' ){
            	 
            	   $("#content").html("你没权限!");
            	
            }
        },
        error:function(data){
//          alert(data.code);
			
        }
    });
    

相应的页面

<div id=content></div>