通过ajax获取后台数据
时间: 2023-06-13 16:04:11 浏览: 85
要通过 AJAX 获取后台数据,可以使用 jQuery 提供的 `$.ajax()` 方法。该方法使用异步 HTTP 请求发送和接收数据,使得页面可以在不重新加载的情况下更新内容。
以下是一个简单的例子:
```
$.ajax({
url: '/api/getData', // 后台接口地址
type: 'GET', // 请求方式
dataType: 'json', // 响应数据类型
success: function(data) {
// 成功获取数据后的回调函数
console.log(data);
},
error: function(xhr, status, error) {
// 获取数据失败后的回调函数
console.log(status + ': ' + error);
}
});
```
在上面的代码中,使用 `$.ajax()` 方法发送一个 GET 请求到 `/api/getData` 接口地址,希望得到 JSON 格式的响应数据。如果请求成功,将会调用 `success` 回调函数,并且在控制台中打印出返回的数据;如果请求失败,则会调用 `error` 回调函数,并且在控制台中打印出错误信息。
需要注意的是,如果后台接口需要发送数据,比如 POST 请求,可以使用 `data` 参数传递数据。例如:
```
$.ajax({
url: '/api/submitData',
type: 'POST',
data: {
name: '张三',
age: 18
},
dataType: 'json',
success: function(data) {
console.log(data);
},
error: function(xhr, status, error) {
console.log(status + ': ' + error);
}
});
```
在上面的代码中,使用 `$.ajax()` 方法发送一个 POST 请求到 `/api/submitData` 接口地址,同时传递了一个对象 `{ name: '张三', age: 18 }` 作为请求数据。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)