如何接受$.ajax的返回值
时间: 2023-10-12 12:13:33 浏览: 40
在 $.ajax 方法中,可以通过 success 回调函数来接收返回值。示例代码如下:
```
$.ajax({
url: "your-api-url",
type: "POST",
data: yourData,
success: function(response) {
// 在这里处理返回值
console.log(response);
},
error: function(xhr, status, error) {
// 在这里处理错误
console.log(error);
}
});
```
在 success 回调函数中,response 参数即为服务器返回的数据。你可以根据具体需要对返回值进行处理。如果发生错误,则会执行 error 回调函数,你可以在其中处理错误信息。
相关问题
原生js ajax post示例并接受返回值
以下是一个原生 JavaScript 的 AJAX POST 请求示例,并接收返回值:
```
var xhr = new XMLHttpRequest();
var url = "your-url-here";
var data = JSON.stringify({"key": "value"});
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
console.log(response);
}
};
xhr.send(data);
```
在这个示例中,我们使用 XMLHttpRequest 对象来发送 POST 请求。我们首先定义了请求的 URL 和要发送的数据。然后,我们使用 `open()` 方法来打开请求,设置请求类型为 POST,并将第三个参数设置为 true,表示我们希望使用异步请求。
接下来,我们使用 `setRequestHeader()` 方法来设置请求头,告诉服务器我们发送的是 JSON 数据。然后,我们定义了一个 `onreadystatechange` 事件处理程序,当请求状态改变时会被调用。在这个事件处理程序中,我们检查请求的状态是否为 4(即请求已完成),并检查响应的状态码是否为 200(即请求成功)。如果请求成功,我们使用 `JSON.parse()` 方法将响应文本解析为 JSON 对象,并将其打印到控制台中。
最后,我们使用 `send()` 方法将数据发送到服务器。
<script type="text/javascript"> // new 一个 vue实例 new Vue({ el: "#app", data: { // 定义一个 数组 去接受后端传过来的数据 bookList:[], }, // 方法都写在这里面 methods: { // 查询所有书籍 selectAllBook(){ const _this = this // 在这里发送请求,获取到后端的数据 $.ajax({ // 设置请求路径 url:'/book', // 设置请求方式 type:'get', // 数据:传给后端的数据 data:{ method:"selectAllBook", }, // 设置返回值类型 dataType:'json', // 设置成功的回调函数 success:function (rs) { // rs 是一个参数,接收的后端的返回数据 _this.booList = rs.data // console.log(rs); } }) } }, mounted(){ this.selectAllBook(); }, }) </script>
这段代码是使用 Vue.js 框架开发的一个前端页面,包含了一个 Vue 实例和一个方法 selectAllBook()。这个方法会发送一个 AJAX 请求到后端接口,获取所有书籍的数据并存储在 bookList 数组中。代码中使用了 jQuery 库来发送 AJAX 请求。另外,mounted() 方法会在 Vue 实例挂载后自动调用 selectAllBook() 方法,从而自动获取并显示所有书籍的数据。