ajax异步请求表单提交
时间: 2023-11-29 15:47:21 浏览: 99
使用Ajax异步请求表单提交可以避免页面刷新,提高用户体验。以下是两种常见的方式:
1. 使用jQuery Form插件提供的ajaxSubmit()函数
```javascript
$('#myform').ajaxSubmit({
type: 'GET/POST',
url: 'xx.php',
dataType: 'json',
success: fn,
clearForm: true,
resetForm: true
});
```
此函数会自动把选定的表单进行序列化并异步提交。
2. 单序列化
```javascript
var formParam = $("#form1").serialize();//序列化表格内容为字符串
$.ajax({
type:'post',
url:'Notice_noTipsNotice',
data:formParam,
cache:false,
dataType:'json',
success:function(data){
}
});
```
先使用serialize()方法将表单序列化为字符串,再将其作为data属性的值传递给$.ajax()方法。
阅读全文