跨域请求数据 ajax 的jsonp用法

jquery.js或zepto.js 跨域请求数据

客户端调用:

$.ajax({
            type: "post",				//也可以是type
            async: false,				//发送同步请求,此值可忽略,不影响结果
            url: "http://***/public/js/data.js",	//请求地址		
            dataType:'jsonp',				//固定值
            jsonp:'callback',				//值可变,名称随意,但一般设为callback就可以了
            jsonpCallback:'gdd',			//函数名,名称随意
            success:function(data){			//成功后的回调函数,返回的数据放在data参数里
                console.log(data);
            }
        });


服务端提供的数据data.js文件输出以下字符:

gdd({"name":"fang","age":"23","address":"china"});

gdd为函数名,与客户端jsonpCallback值相同。这里相当于调用一个函数,函数名是客户端传过来的,参数是一个json对象


getJSON方法只能获取JSON数据,不能跨域

$.getJSON('http://***/public/js/data.js',function(data){
	console.log(data);
}


你可能感兴趣的:(JS)