分装一个关于ajax的函数。

前言

  • 前段学习是一个长期积累的过程,必须学会记录和回头看
  • 尽管自己是一个菜鸟,但是有心成为一个大牛
  • 好了,分享一个最近自己灵机一动的封装
    既然说了是一个关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)
            }
        })
    }
   

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,372评论 25 708
  • Ajax的基本概念及使用 同步&异步 同步:必须等待前面的任务完成,才能继续后面的任务; 异步:不受当前主要任务的...
    magic_pill阅读 1,974评论 0 5
  • 1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined、Nul...
    极乐君阅读 5,594评论 0 106
  • 8.非法同居 001 我两虽然认识了很长时间,但毕竟没有正儿八经在一起过,等真正确定关系之后,才发现各种问题,比方...
    风凉话阅读 1,527评论 0 10