JSONP跨域

Posted 2020-11-19 阜阳小全

跨域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);
        }