function init() { // 获取列表数据 http.request('messages/list', 'get', { page: 1, limit: limit, sort:"addtime", order:"desc" }, function(res) { vue.dataList = res.data.list /
时间: 2024-01-10 19:04:15 浏览: 36
这段代码看起来也像是一个前端页面的请求处理逻辑。在页面初始化时,会通过发送一个名为'messages/list'的get请求,获取到服务器返回的一些数据,然后将其中的列表数据渲染到页面中。其中的参数包括了当前页码、每页的数据量、排序方式等信息。在获取到服务器返回的数据后,会将其中的列表数据赋值给vue实例的dataList属性,从而实现了页面的渲染。
相关问题
init(); function init() { // 获取列表数据 http.request('messages/list', 'get', { page: 1, limit: limit, sort:"addtime", order:"desc" }, function(res) { vue.dataList = res.data
这段代码看起来像是一个前端页面的请求处理逻辑。其中通过调用名为init的函数来初始化页面。在初始化时,会通过发送一个名为'messages/list'的get请求,获取到服务器返回的一些数据,然后将其中的列表数据渲染到页面中。其中的参数包括了当前页码、每页的数据量、排序方式等信息。在获取到服务器返回的数据后,会将其中的列表数据赋值给vue实例的dataList属性,从而实现了页面的渲染。
1. 用原生js获取http://172.16.15.125:8080/springboot/js中数据。
可以使用 XMLHttpRequest 对象来获取 http://172.16.15.125:8080/springboot/js 中的数据。具体步骤如下:
1. 创建 XMLHttpRequest 对象
```
const xhr = new XMLHttpRequest();
```
2. 设置请求方法和请求地址
```
xhr.open('GET', 'http://172.16.15.125:8080/springboot/js', true);
```
其中,第一个参数是请求方法(这里使用 GET 请求),第二个参数是请求地址,第三个参数表示是否采用异步方式发起请求。
3. 发送请求
```
xhr.send();
```
4. 监听请求状态变化
```
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
const data = xhr.responseText;
console.log(data);
}
}
```
在请求状态变化时,如果请求已完成且响应状态码为 200,则说明请求成功,此时可以通过 `responseText` 属性获取响应数据。
完整示例代码如下:
```
const xhr = new XMLHttpRequest();
xhr.open('GET', 'http://172.16.15.125:8080/springboot/js', true);
xhr.send();
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
const data = xhr.responseText;
console.log(data);
}
}
```
相关推荐
![docx](https://img-home.csdnimg.cn/images/20210720083331.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)