<!DOCTYPE html>

 <html>

 <head>

     <meta charset="UTF-8">

     <title>jquery ajax封装</title>

     <script src="jquery.min.js"></script>

 </head>

 <body>

     <script>

     $(function() {

         /**

          * ajax封装

          * url 发送请求的地址

          * data 发送到服务器的数据，数组存储，如：{"username": "张三", "password": 123456}

          * succCallback 成功回调函数

          * errorCallback 失败回调函数

          * type 请求方式("POST" 或 "GET")， 默认已经设置为 "POST"

          * dataType 预期服务器返回的数据类型，常用的如：xml、html、json、text

          * reference jquery-1.7.1.js

          */

         //插入loading

         /*var html = "";

         html += '<div class="js_loading">';

         html += '<div class="mask"></div>';

         html += '<div class="loading">';

         html += '<span><img src="loading.gif"></span>';

         html += '</div>';

         html += '</div>';

         $("body").append(html);*/

         function $ajax(url, postData, succCallback, errorCallback, type, dataType) {

             var type = type || "post";

             var dataType = dataType || "json";

             $.ajax({

                 type: type,

                 url: url,

                 data: postData,

                 dataType: dataType,

                 beforeSend: function() { //开始loading

                     //$(".js_loading").show();

                 },

                 success: function(res) {

                     /*if (res.success) {

                         if (succCallback) {

                             succCallback(res);

                         }

                     } else {

                         if (errorCallback) {

                             errorCallback(res);

                         }

                     }*/

                 },

                 complete: function() { //结束loading

                     //$(".js_loading").remove();

                     //$(".js_loading").hide();

                 }

             });

         }

         var postData = { moduleId: "fb750e3c-808f-4497-bf4a-f6bf6726a66e" } || {};

         //console.log(postData);

         /*$ajax("http://localhost:6688/AuthorizeManage/ModuleColumn/GetColModel", postData, function(res) {

             console.log(res);

         }, function(res) {

         }, "GET");*/

     });

     </script>

 </body>

 </html>

封装jquery的ajax的更多相关文章

  1. 使用es6的then()方法封装jquery的ajax请求

    使用场景: jsp页面中使用jquery的ajax请求比较频繁,以前vue框架的项目用过axios,所以就想着用then()封装一个公共请求的方法,这样每次请求就不用那么麻烦的写一大堆请求参数了. 示 ...

  2. 用Promise对象封装JQuery的AJAX过程

    let jqPostAjaxPromise = function(param){ return new Promise(function(resolve, reject){ $.ajax({ url: ...

  3. 对jquery的ajax进行二次封装以及ajax缓存代理组件：AjaxCache

    虽然jquery的较新的api已经很好用了, 但是在实际工作还是有做二次封装的必要,好处有:1,二次封装后的API更加简洁,更符合个人的使用习惯:2,可以对ajax操作做一些统一处理,比如追加随机数或 ...

  4. jQuery版AJAX简易封装

    开发过程中,AJAX的应用应该说非常频繁,当然,jQuery的AJAX函数已经非常好用,但是小编还是稍微整理下,方便不同需求下,可以简化输入参数,下面是实例代码: $(function(){ /** ...

  5. 对jquery的ajax进行二次封装

    第一种方法: $(function(){ /** * ajax封装 * url 发送请求的地址 * data 发送到服务器的数据,数组存储,如:{"username": " ...

  6. 基于jQuery的ajax对WebApi和OData的封装

    基于jQuery的ajax对WebApi和OData的封装 WebApi 的使用带来了一个显著的特点,对type有一定的要求.一般ajax的type无非就是两种,GET和POST.如果用JSONP来跨 ...

  7. 原生态AJAX详解和jquery对AJAX的封装

    AJAX: A :Asynchronous [eI`sinkrenes] 异步 J :JavaScript    JavaScript脚本语言 A: And X :XML 可扩展标记语言 AJAX现在 ...

  8. 不借助jquery封装好的ajax，你能用js手写ajax框架吗

    不借助jquery封装好的ajax,你能手写ajax框架吗?最基础的ajax框架,一起来围观吧. .创建XMLHttpRequest对象 var xhr = new XMLHttpRequest(); ...

  9. jQuery的ajax对WebApi和OData的封装

    基于jQuery的ajax对WebApi和OData的封装 WebApi 的使用带来了一个显著的特点,对type有一定的要求.一般ajax的type无非就是两种,GET和POST.如果用JSONP来跨 ...

随机推荐

  1. 003-结构型-01-适配器模式（Adapter）

    一.概述 将一个类的接口转换成客户期望的另一个接口.适配器模式让那些接口不兼容的类可以一起工作. 1.1.适用场景 已经存在的类,它的方法和需求不匹配时(方法结果相同或相似) 不是软件设计阶段考虑的设 ...

  2. 查看QML数据类型

    assist输入: QML Types A Abstract3DSeries AbstractActionInput AbstractAnimation AbstractAxis AbstractAx ...

  3. Linux -- 管理锁争用(翻译)

    在多线程应用中,程序员会使用互斥锁(mutex)来同步线程进入可访问共享资源的代码区域的行为.受这些锁保护的代码区域被称为关键代码段(Critical Section).如果关键代码段中已存在一个线程 ...

  4. Excel导出问题

    问题一:本地导出正常,部署到linux服务器导出文件内容乱码? 解决:修改服务器tomcat配置 server.xml 添加URIEncoding="UTF-8" <Conn ...

  5. ElasticSearch——原始文档和倒排索引

    一.原始文档 如上图所示, 第二象限是一份原始文档,有title和content2个字段,字段取值分别为”我是中国人”和” 热爱共X产党”,这一点没什么可解释的.我们把原始文档写入Elasticsea ...

  6. netcore部署

    配置的几种方式: https://www.cnblogs.com/humin/p/10330983.html Linux下配置sdk: https://dotnet.microsoft.com/dow ...

  7. idea自动下载依赖的源代码等信息

    mvn dependency:sources -DdownloadSources=true -DdownloadJavadocs=true

  8. SQL 删除数据库

    SQL DROP DATABASE 语句 是一条DDL SQL语句.DROP DATABASE语句用于删除数据库.删除数据库将删除其中的所有数据库对象(表,视图,过程等).用户应具有删除数据库的管理员 ...

  9. 微信H5支付开发全过程（除内置微信以外的浏览器）

    前言:网上都是~ 呵呵 自己搞 只要花时间 多问客服总会有的 只说程序不说准备工作 自己ID 或者秘钥都准备好了  写的有点儿乱 可以把所有的方法 放在一个文件中调用 public function ...

  10. go gRPC介绍, demo

    参考文章: 1. https://www.cnblogs.com/kaixinyufeng/p/9651513.html 2. http://jia-shun.cn/2018/08/12/gRPC/ ...