对ajax的js 封装
2016-11-25 15:15
260 查看
function ajaxSubmit(options) { options.async = options.async||true; if (!(options.url)) { alert("您没有设置提交的地址!"); return; } var vAjaxFlag="1"; if (options.updateId) { vAjaxFlag="2"; } var vUrl = options.url; var vParam; if (options.form) { vParam = $("#" + options.form).serialize(); } if (options.params && !($.isEmptyObject(options.params))) { if (vParam && vParam.length) { vParam = vParam + "&" + $.param(options.params); } else { vParam = $.param(options.params); } } if (!(vParam)) { vParam = "rand=" + Math.random(); } if (options.onBefore) { options.onBefore(); } if (options.maskId) { var vMaskLabel = "正在执行操作,请稍候.....!"; if (options.maskLabel) { vMaskLabel = options.maskLabel; } $("#" + options.maskId).mask(vMaskLabel); } $.ajax({ type : 'POST', url : vUrl, data : vParam, beforeSend:function(XHR){XHR.setRequestHeader("HEcaAjax",vAjaxFlag);}, success : function(data, textStatus) { if (options.maskId) { $("#" + options.maskId).unmask(); } if (options.updateId) { $("#" + options.updateId).html(data); } if (options.onSuccess) { options.onSuccess(data, textStatus); } }, error : function(res, textStatus, errorThrown) { if (options.maskId) { $("#" + options.maskId).unmask(); } if (options.onError) { options.onError(res, textStatus, errorThrown); }else if(res.status == 462){ if (options.maskId) { $("#" + options.maskId).unmask(); } } } }); if (options.onAfter) { options.onAfter(); } }前端以对象的方式调用。无须关注具体现实。
相关文章推荐
- Microsoft AJAX Library 对中JS的封装
- ajax|消息提示框|js获取html绝对位置 封装
- JS实现ajax 封装成方法
- js封装获取标签处理操作 ,ajax,ready()方法
- js原生Ajax的封装与使用
- 一个AJAX自动完成功能的js封装源码[支持中文]第1/2页
- js 封装ajax
- jQuery Ajax通用js封装
- 一个很好的javascript框架,prototype.js 1.4,很好的封装了ajax的应用。
- js实现对ajax请求面向对象的封装
- ajax|消息提示框|js获取html绝对位置 封装
- 还在为需要ajax而导入jquery吗? 纯js封装ajax操作
- 『代码』JS封装 Ajax级联下拉列表
- js笔记---封装自己的Ajax方法
- 用JS封装AJAX请求 XMLHttpRequest (面试前记得复习)
- Ajax.js(ajax封装)
- JavaScript自己封装ajax的js
- 使用原生JS封装Ajax
- 还在为需要ajax而导入jquery吗? 纯js封装ajax操作
- js实现对ajax请求面向对象的封装