2016 - 2024

感恩一路有你

form表单submit提交 怎么实现form表单提交后不重新刷新当前页面?

浏览量:1610 时间:2021-03-13 19:12:05 作者:admin

怎么实现form表单提交后不重新刷新当前页面?

$(“form”).submit(函数(事件){事件.preventDefault()var form=$(this)if(!窗体.hasClass(“fupload”){//普通形式$。Ajax({类型:表格.attr(“method”),网址:表格.attr(“action”),数据:表单.序列化()}). 成功(函数(){//submit successfully})。Fail(function(jqxhr,textstatus,errorthlow){//error message})else{//muitipart form,例如文件上载类var formdata=new formdata(this)$。Ajax({类型:表格.attr(“method”),网址:表格.attr(“action”),数据:formData,MimeType:“multipart/form data”,contenttype:false,cache:false,processdata:false})。成功(function(){//submit successfully})。Fail(function(jqxhr,textstatus,errorthlow){//error message})

js实现表单提交后不重新刷新当前页面?

JQuery有一个Ajax方法实现异步(您称之为no refresh),然后绑定表单的onsubmit事件,异步访问您要提交的页面,返回false(这样这个页面就不会被提交),这可以实现您称之为no的功能刷新表单提交。代码如下$(文档)。就绪(函数(){//提交表单$(“#form ID”)。提交(函数(){jQuery.ajax文件({URL:“要提交的页面”,数据:$(“#表单ID”)。Serialize(),type:“post”,beforeSend:function(){//actions to be done before asynchronous submission},success:function(){//actions to be done after asynchronous submission})return单击Save提交表单时,如何保持当前页面不变(即不刷新当前页面)在保存提交事件的窗体?您需要将目标更改为iframe:Java代码的名称文件.表格[0]。目标=“rfFrame”

form表单submit提交 form表单提交带参数 表单action提交不跳转新页面

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。