<!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. 迷你版AOP框架

    http://www.cnblogs.com/artech/archive/2008/11/27/1342309.html

  2. 阶段5 3.微服务项目【学成在线】_day17 用户认证 Zuul_17-身份校验-身份校验过虑器编写

    5 身份校验 5.1 需求分析 本小节实现网关连接Redis校验令牌: 1.从cookie查询用户身份令牌是否存在,不存在则拒绝访问 2.从http header查询jwt令牌是否存在,不存在则拒绝访 ...

  3. Linux -- 在多线程程序中避免False Sharing

    1.什么是false sharing 在对称多处理器(SMP)系统中,每个处理器均有属于自己的本地高速缓存区. 如图,CPU0和CPU1有各自的本地高速缓存区(cache).线程0和线程1会用到不同的 ...

  4. Apache配置参数的优化

    查看apache开启那些模块: apachectl -t -D DUMP_MODULES 1)KeepAlive On/Off KeepAlive指的是保持连接活跃,换一句话说,如果将KeepAliv ...

  5. （十七）super关键字（转）

    --本文摘自孤傲苍狼博客. 一.super关键字

  6. MS SQL查询所有表行数，获取所有数据库名，表名，字段名

    1.获取所有数据库名 --SELECT Name FROM Master..SysDatabases ORDER BY Name -- 2.获取所有表名: --SELECT Name NAMEtemp ...

  7. 【Leetcode_easy】830. Positions of Large Groups

    problem 830. Positions of Large Groups solution1: class Solution { public: vector<vector<int&g ...

  8. 【Leetcode_easy】1122. Relative Sort Array

    problem 1122. Relative Sort Array 参考 1. Leetcode_easy_1122. Relative Sort Array; 2. helloacm; 完

  9. Convex Hull | Set 1

    Given a set of points in the plane. the convex hull of the set is the smallest convex polygon that c ...

  10. 第二十章 无状态Web应用集成——《跟我学Shiro》

    目录贴:跟我学Shiro目录贴 在一些环境中,可能需要把Web应用做成无状态的,即服务器端无状态,就是说服务器端不会存储像会话这种东西,而是每次请求时带上相应的用户名进行登录.如一些REST风格的AP ...