美文网首页
基于jq封装ajax请求

基于jq封装ajax请求

作者: 没_有_人 | 来源:发表于2018-09-29 16:00 被阅读0次

工作中常用到ajax请求,自己又不想重复写这些代码,于是自己封装了一个请求。

var baseUrl = 'http://fanyacar.weixinzjit.com/index.php/api/index/';//基础链接
var isDebug = false;//是否开启打印模式
var Api = {
    point:'point',//接口的参数
    
    doPost : function(api,data,success){
        var url = baseUrl+api;
        if(isDebug){
            console.log('[URL]'+url);
            console.log('[PARM]'+JSON.stringify(data));
        }
        $.post(url, data, function(obj){ if(isDebug) console.log('[Res]'+JSON.stringify(obj)); success(obj); }, 'json' );
    },
    
    doGet : function(api,data,success,error){
        var url = baseUrl+api+data;
        if(isDebug){
            console.log('[URL]'+url);
            console.log('[PARM]'+JSON.stringify(data));
        } 
        $.get(url,function(obj){ obj = JSON.parse(obj); if(isDebug) console.log('[Res]'+JSON.stringify(obj)); success(obj); });
    }
    
}

如何调用:

Api.doPost('接口名称',{},function(){})

相关文章

  • 基于jq封装ajax请求

    工作中常用到ajax请求,自己又不想重复写这些代码,于是自己封装了一个请求。 如何调用:

  • 总结两种常见的前端跨域方案CORS与JSONP

    一,目前主流的JSONP,这个名字的来源是jq的Ajax请求有现成的封装好了的跨域方法,只需要在Ajax请求里设置...

  • jQuery>ajax方法API

    ajax在jq中封装的函数,AIP。 1.请求加载,错误处理,全局调用方法: 2.请求加载,错误处理,局部调用方法...

  • 原生js ajax网络数据请求 XMLHttprequest、A

    再学封装ajax请求 原生JS,AJAX数据封装 兼容性处理 脚本: 请求操作:

  • javascript Ajax 基本使用和封装

    GET 请求 POST 请求 封装 Ajax

  • ajax

    特点 ajax ajax入门 ajax请求与发送数据 ajax工具类封装 type:请求类型url:请求地址dat...

  • 使用promise封装ajax请求

    封装一个ajax请求方法: 调用ajax方法,发送请求

  • JQ ajax 请求

    相比 js 来说JQ为我们封装了 $.ajax直接用就行了,既简单又方便,减少了代码量。

  • 日常踩坑日记

    1、移动端写一个H5页面,使用Jq $.ajax 没有做任何封装,请求接口时 使用CDN方式引入 vConsole...

  • ajax: 封装

    一、封装ajax 二、main.js 引入封装好的 ajax 三、GET请求 引用封装好的 ajax 四、POST...

网友评论

      本文标题:基于jq封装ajax请求

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