同畅达科技网

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

文章目录


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

$('form').submit(function (event) { event.preventDefault(); var form = $(this); if (!form.hasClass('fupload')) { //普通表单 $.ajax({ type: form.attr('method'), url: form.attr('action'), data: form.serialize() }).success(function () { //成功提交 }).fail(function (jqXHR, textStatus, errorThrown) { //错误信息 }); } else { // mulitipart form,如文件上传类 var formData = new FormData(this); $.ajax({ type: form.attr('method'), url: form.attr('action'), data: formData, mimeType: "multipart/form-data", contentType: false, cache: false, processData: false }).success(function () { //成功提交 }).fail(function (jqXHR, textStatus, errorThrown) { //错误信息 }); }; });

form集合的参数?

关于这个问题,form集合的参数包括以下几个常用的属性:

怎么实现form表单提交后不重新刷新当前页面?form 上传文件-图1

1. action: 表示form提交的目标URL,可以是相对路径或绝对路径。

2. method: 表示form提交的HTTP方法,常用的有GET和POST。

3. enctype: 表示form提交数据的编码方式,常用的有application/x-www-form-urlencoded和multipart/form-data。

怎么实现form表单提交后不重新刷新当前页面?form 上传文件-图2

4. target: 表示form提交后响应的目标窗口或框架。

5. name: 表示form的名称,用于在JavaScript中通过名称引用该form。

6. accept-charset: 表示form提交数据时使用的字符编码集。

怎么实现form表单提交后不重新刷新当前页面?form 上传文件-图3

7. autocomplete: 表示浏览器是否应该为该form启用自动完成功能。

8. novalidate: 表示浏览器是否应该对该form进行验证。

9. onsubmit: 表示form提交时触发的JavaScript代码。

到此,以上就是小编对于form上传文件的问题就介绍到这了,希望介绍的2点解答对大家有用,有任何问题和不懂的,欢迎各位老师在评论区讨论,给我留言。

本站非盈利性质,与其它任何公司或商标无任何形式关联或合作。内容来源于互联网,如有冒犯请联系我们立删邮箱:83115484#qq.com,#换成@就是邮箱

转载请注明出处:https://www.szcet.com/jszs/6263.html

分享:
扫描分享到社交APP
上一篇
下一篇