zoukankan      html  css  js  c++  java
  • 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);
            }
  • 相关阅读:
    说说移动端web开发中的点击穿透问题
    将博客搬至CSDN
    IIS(4)
    IIS(2)
    IIS(3)
    IIS(1)
    链表
    常用到的关键字
    进程与线程
    文件系统的原理
  • 原文地址:https://www.cnblogs.com/lhqlhq/p/9203184.html
Copyright © 2011-2022 走看看