JavaScript跨域访问之JSONP实现原理

  JSONP(JSON with Padding)是一种解决JavaScript跨域访问的实现方式。

JSONP实现原理：

因为script　tag是跨域的，所以把XXX改成其它域那就是JSONP的实现原理了。

例子：

client:http://localhost:8080/jsonp/client.html

 

<script>

 

function callback(p){

alert(p);

}

window.onload = function(){

var oHead = document.getElementsByTagName('head').item(0);

var oScript = document.createElement("script");

oScript.type = "text/javascript";

oScript.id = 'remoteScriptId';

oScript.src = 'http://localhost:80/jsonp/server.json';

oHead.appendChild(oScript);

}

</script>

server:http://localhost:80/jsonp/server.json

callback('我和你不是一个域');

 

如有不同看法请来块板砖。