js ajax 获取form表单数据
时间: 2023-07-26 10:04:02 浏览: 95
利用JS如何获取form表单数据
5星 · 资源好评率100%
可以使用 jQuery 的 serialize() 方法来获取表单数据,然后通过 AJAX 提交给后端。示例代码如下:
```javascript
// 监听表单提交事件
$('form').submit(function(event) {
// 阻止表单默认提交行为
event.preventDefault();
// 获取表单数据
var formData = $(this).serialize();
// 发送 AJAX 请求
$.ajax({
type: 'POST',
url: '/submit-form',
data: formData,
success: function(response) {
// 处理成功响应
},
error: function(error) {
// 处理错误响应
}
});
});
```
其中,`$('form').serialize()` 方法将表单数据序列化成字符串,例如 `name=value&age=25&gender=male`,然后通过 AJAX 的 `data` 参数传递给后端。后端可以使用相应的框架或库来解析这个字符串,例如 PHP 的 `$_POST` 变量。
阅读全文