美文网首页
js-jsonp封装

js-jsonp封装

作者: AssertDo | 来源:发表于2019-08-22 15:36 被阅读0次
            //script标记可以发送不同源请求
            function jsonp(url,params,callback){
                var funcName = "jsonp_" + Date.now() + Math.random().toString().substr(2,5);
                
                if(typeof params == "object"){
                    var tempArr = [];
                    for (var key in params) {
                        var value = params[key];
                        tempArr.push(key + "=" + value);
                    }
                    params = tempArr.join("&");
                }
                
                var script = document.createElement("script");
                script.src = url + "?" + params + "&callback=" + funcName;
                document.body.appendChild(script);
                window[funcName] = function(data){
                    callback(data);
                    delete window[funcName];
                    document.body.removeChild(script);
                }
            }

//服务器端加上下面这句,就可以实现不同源访问,就直接使用ajax访问即可
header('Access-Control-Allow-Origin: *');

相关文章

  • js-jsonp封装

  • js-jsonp和ajax

    jsonp jsonp 可跨域 定义有名字的全局函数2)通过script 发送请求,必须在全局函数之后3)当全局函...

  • JavaScript面向对象与设计模式

    1. 面向对象 1.1 封装 封装的目的在于将信息隐藏。广义的封装不仅包括封装数据和封装实现,还包括封装类型和封装...

  • 02.OOP面向对象-3.一些理解

    对封装的理解?封装,类本身就是一个封装,封装了属性和方法。方法也是封装,对一些业务逻辑的封装。私有也是封装,将一些...

  • 封装微信小程序请求

    封装wx.request 封装api 封装请求调用

  • python 文件及文件夹的操作和异常捕获

    1、面向对象的特征:封装、继承、多态 1.1、封装: 函数一种封装,封装了一些逻辑代码 类也是一种封装,封装属性和...

  • node学习4

    Nodejs 路由模块封装、封装仿照 express 的路由 Nodejs 路由模块封装 封装仿照 express...

  • 封装组件

    封装tab组件封装曝光加载组件封装轮播组件 代码

  • MVVM在网络中应用(OkHttp+Retrofit+Gson+

    1.封装请求地址常量类 2.封装网络工具类 3.封装接口类 4.封装DTO类——即返回的数据封装模型 5.封装请求...

  • view的封装

    封装view较为简单,封装tableview比较麻烦,封装tableview的方法后面会有。 view的封装 如果...

网友评论

      本文标题:js-jsonp封装

      本文链接:https://www.haomeiwen.com/subject/eugnsctx.html