美文网首页
分装一个关于ajax的函数。

分装一个关于ajax的函数。

作者: Hoistthecolors | 来源:发表于2017-06-22 22:11 被阅读135次

    前言

    • 前段学习是一个长期积累的过程,必须学会记录和回头看
    • 尽管自己是一个菜鸟,但是有心成为一个大牛
    • 好了,分享一个最近自己灵机一动的封装
      既然说了是一个关ajax的封装,当然不是封装原生,基于JQ.

    在开发过程中,可能会遇到开发是和上线后会切换域名的情况

    所以,此方法就是解决这个问题的。

    var api  = (function(){
    
            function Api (){
    
                this.api = "http://xxx.xxx.com"
                this.jsonpHash = "?"
            }
    
            Api.prototype.setJsonpPath = function(path){
    
                return this.api + path + this.jsonpHash;//拼接接口
            }
    
            Api.prototype.getProduct = function(){//截取url传来的参数
    
                var e = window.location.search;
                var g = e.indexOf("=") + 1;
                var u = e.slice(g)
    
                return u;
            }
    
            Api.prototype.bannerList = function(product_id_list) {
                var oPath = '';
    
                oPath += 'product_id_list' + '=' + product_id_list;
    
                return this.setJsonpPath('/product/list/id/') + oPath;
            }
    
    
            Api.prototype.getOrderList = function(s, page_no, page_size) {
                var oPath = '';
    
                oPath += 's' + '=' + s;
                if(page_no) {
                    oPath += '&' + 'page_no' + '=' + page_no;
                }
                if(page_size) {
                    oPath += '&' + 'page_size' + '=' + page_size;
                }
    
                return this.setJsonpPath('/order/list/') + oPath;
            }
    
            Api.prototype.getUserAdd = function(id, user_id) {
                //获取用户地址/address/info/
                var oPath = '';
    
                oPath += 'id' + '=' + id;
                oPath += '&' + 'user_id' + '=' + user_id;
    
                return this.setJsonpPath('/address/info/') + oPath;
            }
    
            return new Api;
    
        })()
    
    
        function ajax(URL, successCallback){
    
            $.ajax({
                type: "get",
                url: URL,
                dataType: "jsonp",
                success: function(d){
                    successCallback(d)
                }
            })
        }
       
    

    所以这样就会很棒。如此。

    相关文章

      网友评论

          本文标题:分装一个关于ajax的函数。

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