动态script标签（jsonp）-跨域调用

跨域是指不符合同源策略；

同源策略：

（1）协议相同；

（2）端口号相同；

（3）域名相同；

http://www.demo.com

http://www.demo.com:8080

https://www.demo.com

 

 

http://www.demo.com

http://www.demo.com/index.html

 

 

原生代码：

client端：

<script>

        var script=document.createElement("script")
            script.src = "url+ '&callback=' + funcName"
        document.body.appendChild(script)

        window[funcName] = function (data) {
        callback(data）
      }
    </script>
server端：

header('Content-Type: application/javascript');

 

jQuery中的jsonp中，他的用法我是不喜欢的，因为他本身和ajax没有任何关系，但是JQUERY把他封装到了ajax中

 

<script>

    $.ajax({
      url: '网址',
      dataType: 'jsonp',
      success: function (res) {
        console.log(res)
      }
    })

  </script>