码迷,mamicode.com
首页 > Web开发 > 详细

JSONP跨域

时间:2018-06-20 14:46:14      阅读:260      评论:0      收藏:0      [点我收藏+]

标签:style   function   返回   完成   ajax   sub   跨域   pca   xmlhttp   

跨域Ajax JSONP
浏览器的同源策略:只能向本地发请求
XMLHttpRequest遵循同源策略

一般具有src属性的html标签都不遵循同源策略


巧妙的机制JSONP可以完成向外地发送请求

JSONP:利用创建script块,在其中执行src属性为:远程url
函数返回值()
function 函数(arg){
}

形式一

       function submitJsonp2() {
            var tag = document.createElement(‘script‘);
            tag.src = ‘http://127.0.0.1:9000/xiaokai.html‘;
            document.head.appendChild(tag);
            document.head.removeChild(tag);
        }

        function fuck(arg) {
            console.log(arg)
        }

 

形式二(包装好的形式)

      function submitJsonp4() {
            $.ajax({
                url: ‘http://127.0.0.1:9000/xiaokai.html‘,
                type: ‘POST‘,
                dataType: ‘jsonp‘,
                jsonp: ‘callback‘,
                jsonpCallback: ‘func‘
            })
        }
        function func(arg) {
            console.log(arg);
        }

 

JSONP跨域

标签:style   function   返回   完成   ajax   sub   跨域   pca   xmlhttp   

原文地址:https://www.cnblogs.com/lhqlhq/p/9203184.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!