jQuery版AJAX简易封装代码


Posted in Javascript onSeptember 14, 2016

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

$(function(){
  /**
   * ajax封装
   * url 发送请求的地址
   * data 发送到服务器的数据,数组存储,如:{"date": new Date().getTime(), "state": 1}
   * async 默认值: true。默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。
   *    注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。
   * type 请求方式("POST" 或 "GET"), 默认为 "GET"
   * dataType 预期服务器返回的数据类型,常用的如:xml、html、json、text
   * successfn 成功回调函数
   * errorfn 失败回调函数
   */
  jQuery.syncAjax=function(url, data, async, type, dataType, successfn, errorfn) {
    async = (async==null || async=="" || typeof(async)=="undefined")? "true" : async;
    type = (type==null || type=="" || typeof(type)=="undefined")? "post" : type;
    dataType = (dataType==null || dataType=="" || typeof(dataType)=="undefined")? "json" : dataType;
    data = (data==null || data=="" || typeof(data)=="undefined")? {"date": new Date().getTime()} : data;
    $.ajax({
      type: type,
      async: async,
      data: data,
      url: url,
      dataType: dataType,
      success: function(d){
        successfn(d);
      },
      error: function(e){
        errorfn(e);
      }
    });
  };
  
  /**
   * ajax封装
   * url 发送请求的地址
   * data 发送到服务器的数据,数组存储,如:{"date": new Date().getTime(), "state": 1}
   * successfn 成功回调函数
   */
  jQuery.jsonAjax=function(url, data, successfn) {
    data = (data==null || data=="" || typeof(data)=="undefined")? {"date": new Date().getTime()} : data;
    $.ajax({
      type: "post",
      data: data,
      url: url,
      dataType: "json",
      success: function(d){
        successfn(d);
      }
    });
  };
  
  /**
   * ajax封装
   * url 发送请求的地址
   * data 发送到服务器的数据,数组存储,如:{"date": new Date().getTime(), "state": 1}
   * dataType 预期服务器返回的数据类型,常用的如:xml、html、json、text
   * successfn 成功回调函数
   * errorfn 失败回调函数
   */
  jQuery.jsonAjax2=function(url, data, successfn, errorfn) {
    data = (data==null || data=="" || typeof(data)=="undefined")? {"date": new Date().getTime()} : data;
    $.ajax({
      type: "post",
      data: data,
      url: url,
      dataType: "json",
      success: function(d){
        successfn(d);
      },
      error: function(e){
        errorfn(e);
      }
    });
  };



});

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 写类方式之二
Jul 05 Javascript
document.getElementById介绍
Sep 13 Javascript
JS 添加网页桌面快捷方式的代码详细整理
Dec 27 Javascript
js 实现 input type="file" 文件上传示例代码
Aug 07 Javascript
jQuery实现鼠标经过图片预览大图效果
Apr 10 Javascript
JS中使用sort结合localeCompare实现中文排序实例
Jul 23 Javascript
JS常见问题之为什么点击弹出的i总是最后一个
Jan 05 Javascript
Jquery+ajax+JAVA(servlet)实现下拉菜单异步取值
Mar 23 Javascript
最丑的时钟效果!js canvas时钟制作方法
Aug 15 Javascript
详解Angular-Cli中引用第三方库
May 21 Javascript
javascript实现Java中的Map对象功能的实例详解
Aug 21 Javascript
浅谈vue中.vue文件解析流程
Apr 24 Javascript
原生JS实现首页进度加载动画
Sep 14 #Javascript
jquery判断iPhone、Android设备类型
Sep 14 #Javascript
Angularjs 实现分页功能及示例代码
Sep 14 #Javascript
Angularjs CURD 详解及实例代码
Sep 14 #Javascript
Angular Module声明和获取重载实例代码
Sep 14 #Javascript
javascript经典特效分享 手风琴、轮播图、图片滑动
Sep 14 #Javascript
Angular 应用技巧总结
Sep 14 #Javascript
You might like
用 php 编写的日历
2006/10/09 PHP
php email邮箱正则
2008/10/08 PHP
PHP的单引号和双引号 字符串效率
2009/05/27 PHP
PHP得到mssql的存储过程的输出参数功能实现
2012/11/23 PHP
举例详解PHP脚本的测试方法
2015/08/05 PHP
PHP使用数组依次替换字符串中匹配项
2016/01/08 PHP
PHP的CURL方法curl_setopt()函数案例介绍(抓取网页,POST数据)
2016/12/14 PHP
laravel框架中间件 except 和 only 的用法示例
2019/07/12 PHP
prototype 源码中文说明之 prototype.js
2006/09/22 Javascript
javascript 建设银行登陆键盘
2008/06/10 Javascript
javascript十个最常用的自定义函数(中文版)
2009/09/07 Javascript
JavaScript 模拟类机制及私有变量的方法及思路
2013/07/10 Javascript
nodejs分页类代码分享
2014/06/17 NodeJs
Jquery遍历Json数据的方法
2015/04/20 Javascript
NodeJS创建基础应用并应用模板引擎
2016/04/12 NodeJs
常用原生js自定义函数总结
2016/11/20 Javascript
基于JavaScript定位当前的地理位置
2017/04/11 Javascript
vue时间格式化实例代码
2017/06/13 Javascript
jQuery简单实现对数组去重及排序操作实例
2017/10/31 jQuery
JS动画定时器知识总结
2018/03/23 Javascript
关于Google发布的JavaScript代码规范你要知道哪些
2018/04/04 Javascript
快速解决brew安装特定版本flow的问题
2018/05/17 Javascript
Cordova(ionic)项目实现双击返回键退出应用
2019/09/17 Javascript
javascript代码实现简易计算器
2021/01/25 Javascript
Python程序员开发中常犯的10个错误
2014/07/07 Python
Alba Moda德国网上商店:意大利时尚女装销售
2016/11/14 全球购物
美国精油公司:Plant Therapy
2019/05/17 全球购物
总裁岗位职责
2013/12/04 职场文书
国窖1573广告词
2014/03/21 职场文书
质量提升方案
2014/06/16 职场文书
电子信息工程专业求职信
2014/06/28 职场文书
企业领导对照检查材料
2014/08/20 职场文书
诉讼代理人授权委托书
2014/10/11 职场文书
2015年艾滋病宣传活动总结
2015/03/27 职场文书
十二月早安励志心语大全
2019/12/03 职场文书
vue 自定义组件添加原生事件
2022/04/21 Vue.js