位置: 编程技术 - 正文

jquery ajax异步提交表单数据的方法

编辑:rootadmin

推荐整理分享jquery ajax异步提交表单数据的方法,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

使用jquery的ajax方法可以异步提交表单,成功后后台返回json数据,回调函数处理,可以不用刷新页面,达到异步的目的;

处理表单的数据可以用serialize()方法进行序列化,而如果提交的数据包括文件流的话,就需要使用 FormData对象:

不带文件的表单数据使用:var data = $(form).serialize();

带文件的表单数据使用: var data = new FormData($(form)[0]);

一、不带文件的ajax提交数据:

html:form表单

jquery ajax异步提交表单数据的方法

jquery 异步处理

二、带文件的ajax提交数据:

html:form表单

有文件上传的form表单需要在<form>标签里加入 enctype="multipart/form-data"属性 :

jquery 异步处理

上面是用<form>表单来构建FormData对象,如果没有<form>表单处理方式如下:

html:没有form表单

jquery异步处理:

本文链接地址:https://www.jiuchutong.com/biancheng/368519.html 转载请保留说明!

上一篇:360提示[高危]使用存在漏洞的JQuery版本的解决方法(360安全卫士检测出来高危漏洞需要修复吗)

下一篇:jQuery实现点击下拉框中的值累加到文本框中的方法示例(jquery 点击按钮)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络