看来我要把博客给弄起来,发现整天敲代码,有时候跟人沟通都成问题了,要多写点东西,整理整理忙乱的思绪。最近有幸接触WEB前端页面,看到项目里大伙写的JS代码头疼不已,而本人很懒又有严重的代码洁癖,一点点改吧。说干就干,第一步先封装AJAX。然后就到网上搜了下,取长补短,然后加以修改,贴出代码,记录下加强记忆。
$(function(){/*** 重载* 具体参数要求参看ax7-3属性函数*/jQuery.ax=function() {var len= arguments.length; switch(len){case 7:var url = arguments[0]; var data = arguments[1]; var async = arguments[2]; var requestType = arguments[3];var dataType = arguments[4];var successfn = arguments[5];var errorfn = arguments[6];$.ax7(url, data, async, requestType, dataType, successfn, errorfn); break;case 6:url = arguments[0]; data = arguments[1]; requestType = arguments[2];dataType = arguments[3];successfn = arguments[4];errorfn = arguments[5];$.ax6(url, data, requestType, dataType, successfn, errorfn); break;case 5:url = arguments[0]; data = arguments[1]; requestType = arguments[2];successfn = arguments[3];errorfn = arguments[4];$.ax5(url, data, requestType, successfn, errorfn); break;case 4:url = arguments[0]; data = arguments[1]; successfn = arguments[2];errorfn = arguments[3];$.ax4(url, data, successfn, errorfn); break;case 3:url = arguments[0]; data = arguments[1]; successfn = arguments[2];$.ax3(url, data, successfn);break;}}/*** ajax封装* url 发送请求的地址* data 发送到服务器的数据,数组存储,如:{"date": new Date().getTime(), "state": 1}* async 默认值: true。默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。*       注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。* requestType 请求方式("POST" 或 "GET"), 默认为 "GET"* dataType 预期服务器返回的数据类型,常用的如:xml、html、json、text* successfn 成功回调函数* errorfn 失败回调函数*/jQuery.ax7=function(url, data, async, requestType, dataType, successfn, errorfn) {async = (async==null || async=="" || typeof(async)=="undefined")? "true" : async;requestType = (requestType==null || requestType=="" || typeof(requestType)=="undefined")? "post" : requestType;dataType = (dataType==null || dataType=="" || typeof(dataType)=="undefined")? "json" : dataType;data = (data==null || data=="" || typeof(data)=="undefined")? {"date": new Date().getTime()} : data;$.ajax({type: requestType,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}* requestType 请求方式("POST" 或 "GET"), 默认为 "GET"* dataType 预期服务器返回的数据类型,常用的如:xml、html、json、text* successfn 成功回调函数* errorfn 失败回调函数*/jQuery.ax6=function(url, data, requestType, dataType, successfn, errorfn) {requestType = (requestType==null || requestType=="" || typeof(requestType)=="undefined")? "post" : requestType;dataType = (dataType==null || dataType=="" || typeof(dataType)=="undefined")? "json" : dataType;data = (data==null || data=="" || typeof(data)=="undefined")? {"date": new Date().getTime()} : data;$.ajax({type: requestType,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}* requestType 请求方式("POST" 或 "GET"), 默认为 "GET"* successfn 成功回调函数* errorfn 失败回调函数*/jQuery.ax5=function(url, data, requestType, successfn, errorfn) {requestType = (requestType==null || requestType=="" || typeof(requestType)=="undefined")? "post" : requestType;data = (data==null || data=="" || typeof(data)=="undefined")? {"date": new Date().getTime()} : data;$.ajax({type: requestType,data: data,url: url,dataType: "json",success: function(d){successfn(d);},error: function(e){errorfn(e);}});};/*** ajax封装* url 发送请求的地址* data 发送到服务器的数据,数组存储,如:{"date": new Date().getTime(), "state": 1}* successfn 成功回调函数* errorfn 失败回调函数*/jQuery.ax4=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);}});};/*** ajax封装* url 发送请求的地址* data 发送到服务器的数据,数组存储,如:{"date": new Date().getTime(), "state": 1}* successfn 成功回调函数*/jQuery.ax3=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);}});};});

Javascript ajax封装 并重载相关推荐

  1. 2、.net NVelocity中原生javascript ajax封装使用

    在页面上,我们经常会遇到局部刷新的例子,这个时候,就需要用到ajax, 因为很多代码都是公用的,所以我们想到了,将代码封装,简化了使用,减少了冗余 javascript ajax代码如下: var x ...

  2. Ajax工作原理和原生JS的ajax封装

    前言: 之所以用ajax作为博客的开篇,是因为无论从ajax的出现还是从它的作用上来说,ajax对于前端无疑是意义重大的.甚至可以说,是ajax带来了前端这个行业.当然,历史并不能说明当下,曾经的辉煌 ...

  3. Javascript中的函数重载-最佳做法

    用JavaScript伪造函数重载的最佳方法是什么? 我知道不可能像其他语言一样重载Javascript中的函数. 如果我需要两个函数一起使用foo(x)和foo(x,y,z) ,这是最佳/首选方式: ...

  4. HTML+CSS+JavaScript+Ajax+ECharts实现疫情实时监控大屏-2设计与实现

    疫情期间,各类应用系统.大数据系统为防疫抗疫带来了巨大助力.国家博物馆首次将代码列为藏品,那就是抗击疫情期间来自阿里程序员写的健康码第一行代码以及研发人员的签名.这展现了广大程序员在疫情面前,争当勇敢 ...

  5. JavaScript/Ajax/JQuery知识点(BOM/DOM/ScriptEngine/JS引擎),JSCore

    捋顺JavaScript底层知识,重点讲解如原型.作用域.执行上下文.变量对象.this.闭包.按值传递.call.apply.bind.new.继承等难点概念??   JS中的继承?JS的原型模式, ...

  6. 面向对象的 JavaScript:封装、继承与多态

    本文作者:家园工作室研发组成员 @维尔希宁 本文出处: 面向对象的 JavaScript:封装.继承与多态​blog.lenconda.top 本文遵循署名-非商业性使用-禁止演绎3.0 未本地化版本 ...

  7. JavaScript-初识ajax、ajax封装、及json对象使用(上)

    JavaScript-初识ajax.ajax封装.及json对象使用(上!) 一.初识ajax 1.什么是ajax呢 ajax 的全称是Asynchronous JavaScript and XML, ...

  8. ajax 跨域 headers JavaScript ajax 跨域请求 +设置headers 实践

    解决跨域调用服务并设置headers 主要的解决方法需要通过服务器端设置响应头.正确响应options请求,正确设置 JavaScript端需要设置的headers信息 方能实现. 此处手札 供后人参 ...

  9. 第一百三十节,JavaScript,封装库--连缀

    JavaScript,封装库--连缀 学习要点: 1.连缀介绍 2.改写库对象 本章我们重点来介绍,在调用库的时候,我们需要能够在前台调用的时候可以同时设置多个操作,比如设置CSS,设置innerHT ...

最新文章

  1. 第一次来写博客,这里可以记录很多故事。
  2. 域密码自助重置系统----绑定私人邮箱信息自助重置(一)
  3. Java - 排序大全
  4. Scala教程之:PartialFunction
  5. 今天开始复习toefl,mark一下
  6. 关于处理小数点位数的几个oracle函数
  7. MySQL优化:数据量很大,分页查询很慢,有什么优化方案?
  8. 学UI设计好不好找工作?零基础能学UI设计吗?
  9. 洛谷——P1867 【Mc生存】经验值
  10. python学习图解_大牛整理!Python学习方法和学习路线,看完茅塞顿开!
  11. 文件的长度,跟FileReader读到的长度,不一样
  12. 中国操作系统变迁史,鸿蒙之前的尸骨
  13. 软件系统现场服务单(模板)
  14. abaqus帮助文档翻译,中英对照
  15. RPC调用和HTTP调用的区别
  16. 转: 诺贝尔奖得主:东亚教育浪费了太多生命
  17. Java LeetCode每日一题-从易到难带你领略算法的魅力(七):Z 字形变换
  18. 经典的开源免费网络游戏:planeshift
  19. A类博士后年薪30万起!北邮人工智能学院郭军教授实验室招聘博士后研究人员...
  20. 安全帽图像识别python_基于opencv的安全帽佩戴检测

热门文章

  1. PC - Chrome 浏览器如何开启无痕模式?
  2. 解决Onenote不能同步
  3. 【机器学习】使用Matlab和CNN完成回归任务
  4. AD20-DRC检查
  5. 服务器打不井根目录下的文件,服务器共享文件夹的使用方法.docx
  6. FreeMarker 输出Boolean类型变量默认值
  7. PHP出现中文乱码的解决方法
  8. Elasticsearch-ais使用方式
  9. 程序员追求技术夯实基础学习路线建议
  10. 怎么查找iphone测试的软件,iphone怎么测试跑分 iphone跑分软件使用教程