jsonp简单跨域

在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函数名，服务器跟客户端要一致哦