jsonp.js文档存json数据
box( { name:"张三", age:20 } );
第一种方法跨域 index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>第一种跨域</title>
<script type="text/javascript">
function createScript(url) {
var os = document.createElement("script");//创建script标签
os.type = "text/javascript";创建属性type
os.src = url;创建src属性,这里是传过来的值
document.getElementsByTagName("head")[0].appendChild(os);
把标签script添加到第一个head
}
createScript("jsonp.js?callback=box");调用并传参数url并回调box
function box(a) {
alert(a.name);
}
</script>
</head>
<body>
</body>
</html>
第二种方法跨域index.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> function box(a) { alert(a.name); } </script>//必须先写出方法box,名字要和jsonp.html中的box对象名字一致 <script type="text/javascript" src="jsonp.js"></script> 加载jsonp.html并且把box传到上面的box中,所以这两个script顺序不可以改变 </head> <body> </body> </html>