美文网首页
异步请求,跨域请求ajax

异步请求,跨域请求ajax

作者: 望月成三人 | 来源:发表于2019-01-14 13:48 被阅读22次
(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";//标识数据来源
            }

相关文章

  • 异步请求,跨域请求ajax

    调用

  • 彻底让你明白跨域(服务器端为node)

    跨域只是针对ajax请求的。 如果产生跨域,那么将请求不到数据。 发起ajax请求所依赖的html页面的url地址...

  • JavaScript的异步线程

    异步网络请求 在JavaScript中如何请求服务器,并且异步的回调呢?那就是用AJAX。 跨域安全限制 默认情况...

  • Ajax跨域请求与SpringMVC结合的一些坑

    Ajax跨域的概念就不在这边陈述了... Ajax跨域请求真正的请求之前会进行一次预请求OPTIONS请求,为了让...

  • SpringMVC 进行ajax跨域请求访问

    关于 springmvc 3.x 版本对ajax跨域请求访问 ajax 请求后,浏览器出现跨域的问题那么在当前环境...

  • 小程序开发细节学习记录<二>

    1、小程序的网络请求: 发送异步请求不再是web那套ajax;没有跨域;请求的地址必须在后台管理添加白名单;域名必...

  • 跨域

    什么是跨域? 为什么会发生ajax跨域?浏览器限制跨域【发出的请求不是本域】XHR请求【json】 解决思路:1:...

  • 跨域产生的原因及解决办法

    1、跨域产生的原因及解决办法 2、JONP 与 ajax请求的区别 1⃣️请求方式不同: ajax请求Type...

  • 前端跨域

    什么是ajax跨域 ajax跨域的原理 ajax出现请求跨域错误问题,主要原因就是因为浏览器的“同源策略”,可以参...

  • ajax跨域请求

    ajax跨域请求(jsonp) 利用JSONP解决AJAX跨域问题的原理与jQuery解决方案JSONP jQue...

网友评论

      本文标题:异步请求,跨域请求ajax

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