一、通过<script src=""></script>方式
http://7.7.7.130:8088/danmu_websocket/data.js中的数据如下:getData('{"name":"jason","age":"18","address":"CQ"}');
<script src="http://7.7.7.130:8088/danmu_websocket/data.js"></script>
function getData(data){
console.log(data);
}
二、ajax jsonp请求方式
//跨域获取天气信息
$.ajax({url:'http://api.asilu.com/weather/',
type:'get',
dataType:'jsonp', //jsonp格式访问
jsonp:"callback", //callback参数名
jsonpCallback:'getName', //getName函数名 callback=getName
success:(function(data){
console.log(data);
}),
error:(function() {
alert('服务器超时,请重试!');
})
})
注意:如果不写 jsonpCallback:'getName'请求参数为callback=JQuery64645165464---》jquery随机生成
写了 jsonpCallback:'getName'请求参数为callback=getName
1. jsonp、jsonpCallback jsonp跨域时可以自定义的两个参数
2. jsonp: 回掉函数名的参数名,默认callback,服务端通过它来获取到回掉函数名
3. jsonpCallback: 回掉函数名,默认jquery自动生成
4. 指定jsonpCallback时可以将回掉函数写在ajax外面做其他操作,不指定时不能这样做,只能在success里做操作
一般jquery跨域用到的两个方法为:$.ajax 和$.getJSON
最后,仔细安静下来,细读 json 官方文档后发现这么一段:
JSON数据是一种能很方便通过JavaScript解析的结构化数据。如果获取的数据文件存放在远程服务器上(域名不同,也就是跨域获取数据),则需要使用jsonp类型。使用这种类型的话,会创建一个查询字符串参数 callback=? ,这个参数会加在请求的URL后面。服务器端应当在JSON数据前加上回调函数名,以便完成一个有效的JSONP请求。如果要指定回调函数的参数名来取代默认的callback,可以通过设置$.ajax()的jsonp参数。