位置: 编程技术 - 正文
推荐整理分享jquery ajax异步提交表单数据的方法,希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!
使用jquery的ajax方法可以异步提交表单,成功后后台返回json数据,回调函数处理,可以不用刷新页面,达到异步的目的;
处理表单的数据可以用serialize()方法进行序列化,而如果提交的数据包括文件流的话,就需要使用 FormData对象:
不带文件的表单数据使用:var data = $(form).serialize();
带文件的表单数据使用: var data = new FormData($(form)[0]);
一、不带文件的ajax提交数据:
html:form表单
jquery 异步处理
二、带文件的ajax提交数据:
html:form表单
有文件上传的form表单需要在<form>标签里加入 enctype="multipart/form-data"属性 :
jquery 异步处理
上面是用<form>表单来构建FormData对象,如果没有<form>表单处理方式如下:
html:没有form表单
jquery异步处理:
上一篇:360提示[高危]使用存在漏洞的JQuery版本的解决方法(360安全卫士检测出来高危漏洞需要修复吗)
友情链接: 武汉网站建设