`
gegewuqin9
  • 浏览: 28265 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

重写$.ajax方法

    博客分类:
  • js
阅读更多
(function($) {
	var _ajax = $.ajax;
	$.ajax = function(url, opt){ 
		layer.load(2);
		if("object" == typeof url) {
			opt = url;
		} else {
			opt = {url: url};
		}
		opt.cache = opt.cache || true;
		opt.type = opt.type || 'post';
		opt.data = opt.data || {};
		opt.dataType = opt.dataType || 'JSON';
		var fn = {  
            error: opt.error,  
            success:opt.success  
        };
		opt.error = function(XMLHttpRequest, textStatus, errorThrown) {
			layer.closeAll('loading');
			if(fn.error) {
				fn.error(XMLHttpRequest, textStatus, errorThrown);
			} else if(XMLHttpRequest.message){
				layer.alert(XMLHttpRequest.message);
			} else {
				layer.alert("超时或系统异常");
			}
		};
		opt.success = function(data, textStatus, jqXHR) {
			layer.closeAll('loading');
			if(fn.success) {
				fn.success(data, textStatus, jqXHR);
			} else if(data.message) {
				layer.msg(data.message, {time:2000});
			} else if(opt.statusCode == 200) {
				layer.msg('操作成功', {time:2000});
			}
		};
		return _ajax(opt);
	};
})(jQuery);

注:
1.此方法在引入jquery后调用
2.layer是一个比较好用的弹出层框架
3.网上搜到的很多都没有完全支持原生的ajax,如必须在_ajax(opt)前加return,如果不加$.load()方法就会报错。
分享到:
评论

相关推荐

    Ajax全局加载框(Loading效果)的配置

    在Ajax进行后台数据请求的过程中,我们有时候会希望用户能知道页面后台还在做一些事情,这时候就需要给用户一个非常明确的提示,也就是我们所谓的进度条 ...$.ajaxSetup({ beforeSend: function () { //ajax请求之前 }

    jquery 重写 ajax提交并判断权限后 使用load方法报错解决方法

    // 重写ajax方法,先判断登录在执行success函数 $.ajax = function (opt) { var _success = opt && opt.success || function (a, b) { }; var _opt = $.extend(opt, { success: function (data, textStatus) { // ...

    重写jquery的ajax

    ajax重写,重写jquery的ajax方法,自动增加加载状态,跨域修改等

    ajax 操作全局监测,用户session失效的解决方法

    // 重写ajax方法,先判断登录在执行success函数 $.ajax = function (opt) { var _success = opt && opt.success || function (a, b) { }; var _opt = $.extend(opt, { success: function (data, textStatus) { try {...

    jQuery.switchPage.js:基于jQuery的全屏切换插件

    jQuery.switchPage.js 知识点 ...例如 $.Ajax() 、 $.extend() 方法 二、对象级别组件开发:即挂在jQuery原型下的方法,这样通过选择器获取的jQuery对象实例也能共享该方法,也称为动态方法。 $.fn.foo

    MingGeJS1.7.3类库

    $.getJSON 或$.ajax 进行测试吧 示例 $.getJSON("http://xxxx?callback=?",function(v){alert(v)});}) --------------------------------------------------------------------------------------------------- ...

    最新jquery.1.8.1

    $.sub:该方法是在jQuery 1.5中引入的,但是被证明不是很有用,将被移到jQuery 1.9兼容性插件中。 全局AJAX事件:一些事件(如ajaxStart)可以被附加到不在一个文档中的任何元素中,这将导致效率低下。在1.9中,...

    最新JQuery版本1.8

    $.sub:该方法是在jQuery 1.5中引入的,但是被证明不是很有用,将被移到jQuery 1.9兼容性插件中。 全局AJAX事件:一些事件(如ajaxStart)可以被附加到不在一个文档中的任何元素中,这将导致效率低下。在1.9中,Ajax...

    ajax重写方法搭配后台filter返回status实现ajax请求跳转登录页面

    ajax重写方法搭配后台filter返回status实现ajax请求跳转登录页面

    ajax 自己重写 实现原理

    我自己写的ajax,而且有注释,大家看了之后就真正懂的ajax的实现原理。

    jQuery EasyUI提交表单验证

    EasyUI的form表单里面的验证框,先讲解下validatebox类和相关的属性。 验证规则 验证规则是通过使用 required 和 validType 特性来定义的, ...要自定义验证规则,重写 $.fn.validatebox.defaults.rules ,来定义一个

    transport.js

    Ajax.call('comment.php', 'cmt=' + $.toJSON(cmt), commentResponse, 'POST', 'JSON'); 2.index.js 里 var res = result.parseJSON(); 替换为 var res = $.evalJSON(result); 以下是修改过的文件: js\...

    JavaScript/Ajax库jQuery新版本1.4

    1. 常用方法的性能大幅提升。重写了大部分较早期的函数。 2. 更容易使用的设置函数(setter function)。为所有对象新增了许多易用的设置函数。 3. Ajax方面的改进。引入了许多Ajax和JSON处理方面的更新,包括...

    谷歌浏览器插件—— Ajax Interceptor

    一个用于修改 ajax 请求响应的 chrome 扩展,修改ajax请求数据

    本人博客中涉及的prototype.js文件及本人从中提取的ajax库和封装函数

    本人博客中所包含的prototype文件 ajax.js是本人从prototype-1.3.1.js提取的ajax库 为方便调用,本人另写了两个函式:...因此对以上函数进行重写,现在已兼容所有版本的prototype.js,方便在项目开发中进行ajax调用。

    USC-Class-Notifier-API:重写https

    登记终点参数 邮政: email, courseid, department, phone AJAX POST请求示例如下所示: $.ajax({ method: 'POST', url: "https://jldc.me/soc/notify", type: 'json', data: { email: email, courseid:

    jquery插件使用方法大全

    Ajax重写Ajax模块完全进行了重写。新增一个jXHR对象,为不同浏览器内置的XMLHttpRequest提供了一致的超集。对于XMLHttpRequest之外的传输机制,比如JSONP请求,jXHR对象也可以进行处理。(详情可以参见:jQuery....

    generator-ajax.zip

    1、js进程中断,异步ajax同步写法,html+generator+thunk+ajax实现 2、 同时也可以解决重写的alert 和 confirm 不能中断进程的问题

    C#进阶系列--WebApi

    目录 C#进阶系列——WebApi 路由机制剖析:你准备好了吗? ................................................................................................... 3 一、MVC和WebApi路由机制比较 ..................

Global site tag (gtag.js) - Google Analytics