在web开发的时候难免会遇到跨域求情数据的问题,此时使用jsonp是比较简便的。
a.com域名下的js,是无法访问域名为b.com下的js的,会报跨域的错误:
但你有没有想过,你在调用js的时候,有时是直接调用其他域名下的js,就好比你使用jquery可以直接调用官方的地址,不用下载到本地。那就说明浏览器并没有禁止你调用其它域下的js,jsonp就是利用这个特性去处理的。
所以你可以动态创建一个<script>标签,把他的src属性设置成你要请求的服务器的url,如:】
function CreateScript(src) {
$("<script><//script>").attr("src", src).appendTo("body")
}
就等于是使用<script>去向服务器请求,但是这个是时候服务器不能直接返回json(所以这是需要服务器支持的),因为这个请求完后会立即执行,很明显当当一个json不是一个合法的js语句,你得把它变成一个调用的方法,如jsonpCallBack({"key":"value"});,当然,你此时的js文件中要有jsonpCallBack这个函数。简单代码如下:
服务器端:
<?php
echo "jsonpCallBack({'key':'value'})"
?>//返回的一个函数
js端:
CreateScript('要访问的url');
function CreateScript(src) {
$("<script><//script>").attr("src", src).appendTo("body")
}
function jsonpCallBack(json){
console.log(json)
}
//这里的jsonpCallBack函数名,服务器跟客户端要一致哦