<!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. String,StringBuilder 和StringBuffer区别

    1. String 和字符串缓冲区的区别是: String 是一个不可变的字符序列 , 而字符串缓冲区是可变的 2. StringBuffer 是一个线程安全的可变字符序列 ; 线程安全对应的效率低 ...

  2. linux修改配置文件解决mysql中文乱码和指定数据库存储引擎

    如题,mysql数据库的中文显示乱码: 先看下原来数据库里的字符编码: mysql> show variables like '%character_set%'; +-------------- ...

  3. dapper 异步修改方法

    public async Task<int> UpdateStatusByWarehouseId(bool isValid, int warehouseId) { using (var c ...

  4. MySQL5.7查看数据存储位置

    在MySQL客户端执行如下命令查看MySQL的数据存放位置: mysql> show global variables like "%datadir%"; +-------- ...

  5. Linux清除痕迹

    Linux清除痕迹 第一种方法: 在退出会话前直接执行: #history -r 清除当前会话的命令历史记录 第二种方法: 在vim中执行自己不想让别人看到的命令 随便用vim打开一个文件 :set ...

  6. AWS 核心服务概述（二）

    目录 AWS网络服务 VPC Direct Connect Route53 AWS 计算服务 EC2 EMR(Elastic MapReduce) AWS Lambda Auto Scaling El ...

  7. 《CNCF × Alibaba云原生技术公开课》知识点自测（一）：第一堂“云原生”课

    (单选)1.容器启动后,我会时常 SSH 进入到容器里然后写很多文件.请问这破坏了云原生理念了吗? A. 否   B. 是 (单选)2.云原生架构必须选型 Kubernetes 方案. A. 否  B ...

  8. 详解Nginx中HTTP的keepalive相关配置

    http keepalive在http早期 ,每个http请求都要求打开一个tpc socket连接,并且使用一次之后就断开这个tcp连接.使用keep-alive可以改善这种状态,即在一次TCP连接 ...

  9. super的实例及实现原理

    super实例 class A(): def go(self): print ("go A go!") def stop(self): print ("stop A st ...

  10. python 字体染色

    字体染色 <font face="黑体">我是黑体字</font> <font face="微软雅黑">我是微软雅黑< ...