JSONP跨域

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