通过axios获取http://iwenwiki.com/api/blueberrypai/getChengpinDetails.php的数据,并在div元素中展示出来
时间: 2023-08-22 22:07:27 浏览: 425
可以使用axios来获取'http://iwenwiki.com/api/blueberrypai/getChengpinDetails.php'的数据,并将其展示在一个div元素中。你可以按照以下步骤进行操作:
1. 创建一个div元素,用于展示获取到的数据:
```html
<div id="data"></div>
```
2. 在JavaScript中,使用axios发送一个GET请求获取数据,并将其展示在div元素中:
```javascript
// 获取数据并展示
axios.get('http://iwenwiki.com/api/blueberrypai/getChengpinDetails.php')
.then(function (response) {
// 获取成功后,将数据展示在div元素中
document.getElementById('data').innerHTML = JSON.stringify(response.data);
})
.catch(function (error) {
console.log(error);
});
```
这样,当页面加载时,axios会发送一个GET请求来获取'http://iwenwiki.com/api/blueberrypai/getChengpinDetails.php'的数据,并将其以字符串形式展示在指定的div元素中。请注意,这里使用了`JSON.stringify()`方法将返回的数据转换为字符串形式,以便在div元素中展示。
阅读全文