from 表单method="post" 获取接口返回值
时间: 2023-11-28 09:48:23 浏览: 70
从表单的method属性为"post"来看,这个表单是通过HTTP POST请求来提交数据的。那么在前端页面中,你可以通过以下方式来获取接口返回值:
1. 使用JavaScript的XMLHttpRequest对象发送POST请求,然后获取服务器返回的数据。
```javascript
const form = document.querySelector('form');
const xhr = new XMLHttpRequest();
xhr.open('POST', form.action);
xhr.onload = function() {
console.log(xhr.responseText);
};
xhr.send(new FormData(form));
```
2. 使用jQuery的$.ajax()方法发送POST请求,然后获取服务器返回的数据。
```javascript
const form = $('form');
$.ajax({
type: 'POST',
url: form.attr('action'),
data: form.serialize(),
success: function(response) {
console.log(response);
}
});
```
在上述代码中,我们获取了表单元素,然后通过XMLHttpRequest对象或者$.ajax()方法发送POST请求,并在请求成功后打印出服务器返回的数据。需要注意的是,如果接口返回的数据是JSON格式的,我们需要使用JSON.parse()方法将其转换为JavaScript对象。
阅读全文