JQuery异步提交表单、HTML提交表单到新窗口或IFrame
来源:互联网 发布:手机淘宝图标图片 编辑:程序博客网 时间:2024/05/22 06:45
一个工具类,据说JQuery框架,实现异步表单提交,同时添加将表单数据提交到新窗口和IFrame的方法
// 定义函数命名空间Kevin = new Object();/** * 异步提交表单 */Kevin.submitAjaxForm=function(formId, url, succback, isunlock){ jQuery.ajax({ url: url, // 提交的页面 data: $("#" + formId).serialize(), // 从表单中获取数据 type: "POST", // 设置请求类型为"POST",默认为"GET" dataType: "json", contentType: "application/x-www-form-urlencoded;charset=UTF-8", // 必须要设置为UTF-8,否则提交数据乱码 beforeSend: function(){ if(!isunlock){ new screenClass().lock(); } }, error: function(msg) { // 设置表单提交出错 new screenClass().unlock();alert("执行出错:" + msg.responseText); }, success: function(resp) { if(!isunlock){ new screenClass().unlock(); // 设置表单提交完成使用方法 } if(resp.success == false){ alert("执行失败:" + resp.resultMsg); }else if(resp.success == true){ if(succback == '' || typeof(succback) == "undefined"){ window.location.href="success.jsp"; }else{ succback(resp.attributes); } }else{ alert("未知结果:" + resp); } }, cache: false });}/** * 将表单提交到新的窗口 */Kevin.submitToWindow=function(form, title, url, width, height){var title = title ? title : Math.floor(Math.random() * ( 1000 + 1));var winObj = window.open("", title, "toolbar=no, menubar=no, scrollbars=yes , resizable=no,location=no, status=no");var ie = navigator.userAgent.toLowerCase();ie = ie.match(/msie ([\d.]+)/)if(!ie){alert('请使用IE内核浏览器');}else{winObj.resizeTo(width , height);}var bakTarget = form.target;var bakAction = form.action;form.action = url;form.target= title;form.submit();form.target= bakTarget;form.action = bakAction;return winObj;}/** * 将表单提交到框架 */Kevin.submitToIFrame=function(form, target, url){if(target){var bakTarget = form.target;var bakAction = form.action;form.action = url;form.target= target;form.submit();form.target= bakTarget;form.action = bakAction;}else{alert('iframe的id不能为空');}}/** * 屏幕处理类 */var screenClass = function(){ /// 解锁 this.unlock = function(){ var divLock = document.getElementById("divLock"); if(divLock == null) return; document.body.removeChild(divLock); }; /// 锁屏 this.lock = function(slow){ var sWidth,sHeight; var imgPath = slow ? "img/waiting_slow.gif" : "img/waiting_fast.gif"; sWidth = document.body.clientWidth; sHeight = document.body.clientHeight; var bgObj=document.createElement("div"); bgObj.setAttribute("id","divLock"); bgObj.style.position="absolute"; bgObj.style.top="0"; bgObj.style.background="#cccccc"; bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75"; bgObj.style.opacity="0.6"; bgObj.style.left="0"; bgObj.style.width=sWidth + "px"; bgObj.style.height=sHeight + "px"; bgObj.style.zIndex = "100"; document.body.appendChild(bgObj); var html = "<table border=\"0\" width=\""+sWidth+"\" height=\""+sHeight+"\"><tr><td valign=\"middle\" align=\"center\"><image src=\""+imgPath+"\"></td></tr></table>"; bgObj.innerHTML = html; // 解锁 bgObj.onclick = function(){ //new screenClass().unlock(); // 应该等完成后再解锁 }; };}
- JQuery异步提交表单、HTML提交表单到新窗口或IFrame
- 表单提交到新窗口
- jQuery异步提交表单
- JQuery异步提交表单
- Jquery表单异步提交
- jquery异步提交表单
- jQuery 表单异步提交
- Jquery异步提交表单到Action
- JQuery Form - 异步提交表单
- jQuery异步提交form表单
- jQuery异步提交form表单
- Jquery.Form 异步提交表单
- jQuery异步提交form表单
- jQuery异步提交form表单
- jQuery异步提交form表单
- Jquery 异步提交表单(post)
- jQuery异步提交form表单
- jquery.form 异步提交表单
- 硬盘分区任我动
- 【PB】如何触发带参数的自定义事件?
- Javascript框架之dhtmlXGrid
- 找不到工作怎么办
- python与shell的完美结合
- JQuery异步提交表单、HTML提交表单到新窗口或IFrame
- 【PB】制表符和基本数据类型
- oracle命令建立主键外键
- .net 4.5的异步编程
- 设计模式记录
- cmos图像传感器应用实例及其发展趋势分析
- 在Windows 7上建立Android + PhoneGap開發環境
- 为数字键盘添加自定义按钮的方法(iOS所有版本适用
- Firefox与IE浏览器缓存的两个重要区别