`

异步请求,跨域

 
阅读更多
(function ($) {
    $.rpc = {};

    $.rpc.setup = function (settings) {
        $.extend($.rpc.defaults, settings);
    };
    $.rpc.defaults = {
//        remoteHost:"http://test.wsd.com:8081/catering_oss",
        remoteHost:"http://liao-pc.wsd.com:8080/catering_oss",
        module:"/waiterIpad",
        urlExt:"",
        httpMethod:"get",
        dataType:"jsonp"
    };
    $.rpc.req = function (action, data, cb) {
        var settings = {};
        $.extend(settings, $.rpc.defaults);
        if (typeof action === "object") {
            $.extend(settings, action)
        } else {
            settings.action = action;
        }
        $.ajax({
            url:settings.remoteHost + settings.module + "/" + settings.action + settings.urlExt,
            type:settings.httpMethod,
            dataType:settings.dataType,
            jsonp:'jsoncallback',
            timeout:500,
            error:function (xhr) {
                if ($.isFunction(cb)) {
                    cb(null);
                }
            },
            data:data,
            success:function (data) {
                if ($.isFunction(cb)) {
                    cb(data);
                }
            }
        });

    };
   
    $.fn.showTime = function (tpid) {
        var showTimeFn = function () {
            var today = new Date();
            var hours = today.getHours();
            var minutes = today.getMinutes();
            var seconds = today.getSeconds();
            if (hours < 10) hours = "0" + hours;
            if (minutes < 10) minutes = "0" + minutes;
            if (seconds < 10) seconds = "0" + seconds;
            var timeStr = today.getFullYear() + "-" + today.getMonth() + "-" + today.getDate() + " " + hours + ":" + minutes + ":" + seconds;
            $('#' + tpid).html(timeStr);
        }
        showTimeFn();
        setInterval(showTimeFn, 1000)
    }
})(jQuery);

  调用:

初始化: $.rpc.setup({"module":"","urlExt":".json","remoteHost":"http://test.wsd.com:8081/catering_oss/manager",dataType:"jsonp"});

发送请求
 $.rpc.req("getEmployeeList",{"currentPage":pageIndex+1,"role":role,"staffName":staffName},function(resp){
  var employee={"data":{}};
            for(var key in resp.data.item){
                employee.data[key]=employee.data[key]||{};
                employee.data[key]=resp.data.item[key];
                employee.data[key].source="server";//标识数据来源
            }

 

分享到:
评论

相关推荐

    原生JavaScrpit中异步请求Ajax实现方法

    在前端页面开发的过程中,经常使用到Ajax...JavaScript实现Ajax异步请求 简单的ajax请求实现 Ajax请求的原理是创建一个XMLHttpRequest对象,使用这个对象来进行异步发送请求,具体实现参考下面代码: function ajax

    详解Vuejs2.0之异步跨域请求

    主要介绍了详解Vuejs2.0之异步跨域请求,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    原生JavaScript实现Ajax异步请求

    在前端页面开发的过程中,经常使用到Ajax...JavaScript实现Ajax异步请求 简单的ajax请求实现 Ajax请求的原理是创建一个XMLHttpRequest对象,使用这个对象来进行异步发送请求,具体实现参考下面代码: function ajax

    原生JS实现ajax与ajax的跨域请求实例

    第三步:open一个连接,true是异步请求 第四部:send一个请求,可以发送一个对象和字符串,不需要传递数据发送null 第五步:在监听函数中,判断readyState=4&&status=200表示请求成功 第六步:使用responseText、...

    Ajax异步(请求)提交类 支持跨域

    异步请求类 作者:吾非无心 创建时间:2009.2 ——————————————————————————————————————————— 修改记录: 2009.4.27——添加 URL 检测功能,如果是...

    asp中使用MSXML2.ServerXMLHTTP实现异步请求例子

    主要介绍了asp中使用MSXML2.ServerXMLHTTP实现异步请求例子,本文还给出了MSXML2.ServerXMLHTTP异步请求代码编写最常犯的错误,需要的朋友可以参考下

    异步请求反向代理

    旨在解决前端开发时无法跨域调用服务器接口,需要把代码部署到服务器上的问题,而开发的服务。

    如何快速解决JS或Jquery ajax异步跨域的问题

    一种是jsonp方式:即在前端发送异步请求时,添加相关的jsonp设置或配置;后端则返回可供jsonp解析的格式的串。  但是jsonp方式只支持get的请求方式,并且不被新浏览器版本的支持(新浏览器版本多进行OPITION请求–...

    解决vue跨域axios异步通信问题

    特别是在前后端分离的时候,前端进行了工程化部署,跨域请求成了一个前端必备的技能点。好在解决方案很多。  在vue中,在开发中,当前使用较多的是axios进行跨域请求数据,但不少人遇到如下问题: •异步通信,无法...

    表格制作软件中实现ajax跨域异步单点登录的方法

    finereport是一款企业级的表格制作软件,此文档讲述了在此表格制作软件中实现ajax跨域异步单点登录的具体方法,包括操作步骤和实现代码等。

    axios中cookie跨域及相关配置示例详解

    自从入了 Vue 之后,一直在用 axios 这个库来做一些异步请求。下面这篇文章主要给大家介绍了关于axios中cookie跨域及相关配置的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面随着小编来...

    vue-resourc发起异步请求的方法

    除了vue-resource之外,还可以使用’axios‘的第三方包实现数据的请求因为跨域失败访问不到,不过同域的可以直接访问.html文件来检验,这样可以不用搭服务器建议使用axios来进行异步访问请求 1.安装或导入vue-...

    通过jsonp获取json数据实现AJAX跨域请求

    AJAX(异步的 JavaScript 和 XML)是用于创建快速动态网页的一种技术,它在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页,ajax 使用XMLHttpRequest对象在后台与服务器交换数据,XMLHttpRequest 是 ...

    FlashXMLHttpRequest

    通过用Flash实现异步跨域请求。FlashXMLHttpRequest

    JSONP跨域GET请求解决Ajax跨域访问问题

    前几天,工作上有一新需求,需要前端web页面异步调用后台的Webservice方法返回信息。实现方法有多种,本例采用jQuery+Ajax,完成后,在本地调试了一切ok,但是部署到服务器上以后就出现问题了,后台服务调用没有响应...

    Ajax跨域实现代码(后台jsp)

    AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。 在应用时主要是创建XMLHttpRequest对象,调用指定服务地址。 但是IE中各个版本支持的不太一样,所以在创建次对象时可能要特殊处理下。 一般...

    探秘ajax跨域请求

    我们可以使用ajax实现异步获取数据,减少服务器运算时间,大大地改善用户体验;我们可以使用ajax实现小系统组合大系统;我们还可以使用ajax实现前端的优化。(好一个排比) 虽然ajax很好,但在使用起来也会有一定的...

    浅谈Ajax跨域Session和跨域访问

    一.关于ajax跨域请求,用jsonp老是不成功,虽然可以返回数据,但是error处报错。...这里的误区是,我们当前域肯定是已经登录了,可对于支付宝那边的异步请求则没有登录。 您可能感兴趣的文章:利用ngi

Global site tag (gtag.js) - Google Analytics