在index.wxml中

<button class="button" size="mini" type="primary" bind:tap="getBooks">查询书单</button>

<view class="books">

<view class="item">

<text>序号</text>

<text>名称</text>

<text>作者</text>

<text>出版社</text>

<text>操作</text>

</view>

<view class="item" wx:for="{{books}}" wx:key="id">

<text>{{index+1}}</text>

<text>{{item.bookname}}</text>

<text>{{item.author}}</text>

<text>{{item.publisher}}</text>

<text>删除</text>

</view>

</view>

在index.js中

// pages/render/index.js

Page({

/**

* 页面的初始数据

*/

data: {

books:[]

},

getBooks(){

wx.request({

url: 'https://hmajax.itheima.net/api/books',

method:'get',

data:{

creator:'李四'

},

// 用法

success:(response)=>{

this.setData({books:response.data.data})

}

})

},

/**

* 生命周期函数--监听页面加载

*/

onLoad(options) {

},

/**

* 生命周期函数--监听页面初次渲染完成

*/

onReady() {

},

/**

* 生命周期函数--监听页面显示

*/

onShow() {

},

/**

* 生命周期函数--监听页面隐藏

*/

onHide() {

},

/**

* 生命周期函数--监听页面卸载

*/

onUnload() {

},

/**

* 页面相关事件处理函数--监听用户下拉动作

*/

onPullDownRefresh() {

},

/**

* 页面上拉触底事件的处理函数

*/

onReachBottom() {

},

/**

* 用户点击右上角分享

*/

onShareAppMessage() {

}

})

在没有配置校验合法域名时会包错
解决方法一：

临时解决：在微信小程序开发工具右上脚找到详情，点击本地设置将不校验合法域名，web-view(业务域名),TLS版本以及HTTPS证书  打开  只支持临时解决

解决方法二：

打开小程序

登录自己的微信小程序开发账号

找到开发管理

找到服务器域名，点击开始配置

在request合法域名中设置https://hmajax.itheima.net（和请求相关的链接地址）点击保存

通过微信小程序开发平台右上角详情的项目配置可以观看域名信息，有域名信息就是配置完成，没有的话可以刷新页面或清缓存如果还是没有域名信息就是没有配置好域名，在重新配置