jquery拦截submit

2024-11-06

jQuery ajax submit form 被拦截问题的解决

一般情况下用js或jquery的submit方法提交form表单是不会被浏览器拦截的,但是发现异步的情况下用js提交form表单就会被浏览器拦截,这样就对功能的实现带来了很多的麻烦.网上看了好多都是同样的问题,解决办法都不是很理想,下面来详细分析下这个问题. 既然是在ajax中使用表单提交,肯定是需要ajax返回结果以后确定一个最终状态才能决定是否要提交表单.而ajax又是异步返回结果的,所以在返回结果后再决定提交表单,肯定会被浏览器拦截. 那我们就想,jQuery ajax 有没有同步的使用方

jquery 通过submit()方法提交表单示例

jquery 通过submit()方法提交表单示例: 本示例:以用户注册作为例子.使用jquery中的submit()方法实现表单提交. 注:本示例仅提供了对表单的验证,本例只用选用了三个字段作为测试. 用户点击提交按钮时,触发点击事件,会执行所有表单框的验证,如通过验证,则执行submit()方法,对表单内容进行提交. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <

在表单提交之前做校验-利用jQuery的submit方法

点击表单中的提交按钮,默认就会提交表单,如果要在表单提交之前做一些校验,那么就可以用jQuery的submit方法. 也就是jQuery的submit的方法执行顺序,在表单的提交之前.用法如下: $("form").submit(function(e){ alert("Submitted"); });

关于使用jquery form submit出现多次提交的问题

错误的写法: $(this).submit(function () { $(this).ajaxSubmit({ url: opts.url, type: 'post', dataType: 'json', beforeSubmit: function () { opts.beforeSubmit(); }, success: function (result) { opts.success(result); } }); return false; }).submit(); 下面是正确的写法:

Jquery/js submit()无法提交问题

有朋友可能会直接利用js或jquery来提交数据而不是使用表单直接提交了,小编来给大家介绍小编碰到的一个问题就是 submit()无法提交,下面我们来看解决办法与原因分析. jquery无法提交代码如下复制代码 <form action="register.php" method="post"> <label>邮箱:</label> <input type="text" class="lo

jquery 拦截 post 等请求实现aop效果

$(function(){ jQuery.extend({ put: function( url, data, callback, type ) { // shift arguments if data argument was omited if ( jQuery.isFunction( data ) ) { type = type || callback; callback = data; data = {}; } return jQuery.ajax({ type: "PUT",

jquery通过submit()和serialize()提交表单

JSF中使用jquery拦截ajax请求

jsf提供一个内置的jsf.ajax.request方法给我们使用,如果在jquery中使用,则需要做一些更改. 此处因为使用jquery,所以可以不必在控件中添加onclick方法了,可以给控件配置一个id,然后让其在jquery中绑定控件的点击事件,示例性代码如下: $("#favoriteBtn").on("click",function(event){ jsf.ajax.request(event.target,event,{ execute:'favor

jquery的.submit

$("form").submit(function(e){ alert("Submitted"); });

jquery form submit提交后无反应不报错

jquery form onSubmit默认返回false 因为页面添加了validate验证,在刷新页面后重新提交需要加上下一行代码 onSubmit:function() {return true;}

jQuery - 拦截所有Ajax请求（统一处理超时、返回结果、错误状态码）

样例代码: <html> <head> <title>hangge.com</title> <meta charset="utf-8"/> <script type="text/javascript" src="./jquery-1.11.1.min.js"></script> <script> //全局的ajax访问,处理ajax清求时session

Jquery ajax中表单提交被拦截的问题处理方法

在实际开发项目中,由于要做支付宝的批量退款处理,需要用到ajax中去提交表单数据,项目截图如下: 由于在第二张截图“确认退款”那里需要异步ajax提交数据到服务器处理信息,处理成功后将返回的数据装载到对应界面的表单隐藏域中,然后再使用$('#formId').submit()提交表单,此时遇到谷歌.IE等浏览器拦截表单提交后的URL新窗口,思考了很久,终于找到了解决办法: 以下内容转载自http://hezlh.blog.163.com/blog/static/17810911520132271

jQuery插件之ajaxFileUpload异步上传

介绍 AjaxFileUpload.js 是一个异步上传文件的jQuery插件,原理是创建隐藏的表单和iframe然后用JS去提交,获得返回值. 下载地址: http://files.cnblogs.com/files/kissdodog/ajaxfileupload_JS_File.rar http://zhangzhaoaaa.iteye.com/blog/2123021 属性语法:$.ajaxFileUpload([options]) url 上传处理程序地址. fileElementI

兼容ie的jquery ajax文件上传

Ajax文件上传插件很多,但兼容性各不一样,许多是对ie不兼容的,另外项目中是要求将网页内容嵌入到桌面端应用的,这样就不允许带flash的上传插件了,如:jquery uploadify...悲剧对于Ajax文件上传,大体是有: 1.创建一个input type="file" 的文件上传按钮,根据其id监听绑定其change事件,在事件中用jquery创建一个iframe,嵌入添加隐藏form,同时创建input type="file",id相同的文件上传按钮,并

转：VS2008 vs2010中JQUERY智能提醒

第一步: 安装VS 2008 SP1 VS 2008 SP1 在Visual Studio中加了更丰富的JavaScript intellisense支持,对很大部分的JavaScript库加了代码完成支持. 你可以在这里下载VS 2008 SP1 和 Visual Web Developer 2008 Express SP1. 第二步: 安装VS 2008 Patch KB958502以支持"-vsdoc.js"Intellisense文件你可以将其运用到VS 2008 SP1 和

jquery考试纠错笔记.

1. 获取元素范围大小顺序依次为: $(#one).siblings("div")>$("#one~div")>$("#one +div") 或是 $(#one).siblings("div")>$(#one).nextAll("div")>$(#one).next("div") 2. 本题考查变量的的声明和赋值,B:变量赋值是用两个等号,应该是一个等号就可以,一

jquery表单序列化

$(function(){ $('#send').click(function(){ $.ajax({ type: "GET", url: "test.json", data: {username:$("#username").val(), password:$("#password").val()}, // 参数为对象 dataType: "json", success: function(data){

使用jQuery.form库中ajaxSubmit提交表单时遇到的一些问题

初入前端,网上找的很多资料都不够详细,导致遇到很多问题,现记录如下: 1.首先引入 <script src="~/Scripts/jquery-1.10.2.js"></script> <script src="~/Scripts/jquery.form.js"></script> 这个两个脚本库,src属性为路径,注意顺序,form为jQuery的一个子库,因此放在后面. 2.js冲突. 我是在mvc下开发,引入库

jQuery插件之上传文件ajaxfileupload.js源码与使用

在网页应用中,一般会用到上传文件或者图片什么的到服务器,那么可以用ajaxfileupload.js,但是在使用ajaxfileupload.js时候,当服务器返回的json带有&符号的时候,返回的data数据里面所有的&被转义成了&.下面的ajaxfileupload.js是经过修改的文件上传库. jQuery.extend({ /** createUploadIframe 创建上传的iframe * @param id 传递当前系统的时间字符串 * @param uri 传入的

Jquery Validate 相关参数

Jquery Validate 相关参数 //定义中文消息 var cnmsg = { required: “必选字段”, remote: “请修正该字段”, email: “请输入正确格式的电子邮件”, url: “请输入合法的网址”, date: “请输入合法的日期”, dateISO: “请输入合法的日期 (ISO).”, number: “请输入合法的数字”, digits: “只能输入整数”, creditcard: “请输入合法的信用卡号”, equalTo: “请再次输入相同的值”

jquery拦截submit

热门专题