jsonp的跨域

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>

 

　

posted @ 2016-10-11 11:34  范儿君  阅读(127)  评论(0)    收藏  举报