这次给大家带来的是怎样用jquery的ajax异步提交表单数据，使用jquery的ajax方法可以异步提交表单，成功后后台返回json数据，回调函数处理，可以不用刷新页面，达到异步的目的，这篇文章就给大家好好分析一下。
处理表单的数据可以用serialize()方法进行序列化，而如果提交的数据包括文件流的话，就需要使用 FormData对象：
不带文件的表单数据使用：var data = $(form).serialize();
html：form表单
<form id="addForm" action="${pageContext.request.contextPath}/admin/saveAdd" method="post">
<input type="text" name="name" placeholder="请输入名字" />
<input type="password" name="password" placeholder="密码"/>
</form>jquery 异步处理
$("#submitAdd").click(function(){
var targetUrl = $("#addForm").attr("action");
var data = $("#addForm").serialize();
$.ajax({
type:'post',
url:targetUrl,
cache: false,
data:data,
dataType:'json',
success:function(data){
alert('success');
},
error:function(){
alert("请求失败")
}
})
})相信看了以上介绍你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
相关阅读：
以上就是怎样用jquery的ajax异步提交表单数据的详细内容，更多请关注php中文网其它相关文章！
收藏
收藏
收藏
Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
0
109
![ThinkPHP5实战之[教学管理系统]](https://img.php.cn/upload/course/000/000/068/6253d87459486427.png)
