美文网首页
分装一个关于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的函数。

    前言 前段学习是一个长期积累的过程,必须学会记录和回头看 尽管自己是一个菜鸟,但是有心成为一个大牛 好了,分享一个...

  • 原生js的ajax的封装

    初学ajax,分装的ajax方法

  • ajax函数封装

    ajax函数封装 封装一个ajax

  • js 原生ajax的封装

    概念 ajax是前端常用技术,今天用原生js封装了一个ajax函数,类似于jquery库的$.ajax()函数,大...

  • jQuery事件

    jQuery如下函数如何使用?演示使用方法 介绍以下函数的用法 对于$.ajax,有以下范例 关于'.get',对...

  • JS 掏粪工具箱

    Ajax 函数 log 函数 appendHtml 函数

  • javascript基础系列:函数(三)

    函数 function 函数就是一个方法或者一个功能体,函数就是实现某个功能的代码放到一起分装,以后想要操作实现这...

  • ajax遇到的坑

    调用ajax无反应,在调用函数ajax函数上面加alert()弹出后,正常调用 ajax默认异步的,不会挂起ale...

  • 基于Promise对Ajax原理 进行简单封装 (axios的实

    先创建了一个ajax的函数 函数参数 是es6的默认赋值操作,如果不输入 就默认赋值。 第二步就是给函数ajax返...

  • 封装一个自己的通用Ajax

    一个简单的Ajax请求 首先在封装一个自己的ajax函数之前,我们需要先知道怎么实现一个简单的ajax请求。 这里...

网友评论

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

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