1 //index.js
 2 
 3 var app = getApp();
 4 var that;
 5 var chatListData = [];
 6 
 7 Page({
 8   data: {
 9     askWord: ‘‘,
10     userInfo: {},
11     chatList: [],
12   },
13   onLoad: function () {
14     that = this;
15     //获取用户信息
16     app.getUserInfo(function (userInfo) {
17       that.setData({
18         userInfo: userInfo
19       });
20     });
21   },
22   onReady: function () {
23     //问候语
24     setTimeout(function () {
25       that.addChat(‘你好啊！‘, ‘l‘);
26     }, 1000);
27   },
28   sendChat: function (e) {
29 
30     let word = e.detail.value.ask_word ? e.detail.value.ask_word : e.detail.value;//支持两种提交方式
31     that.addChat(word, ‘r‘);
32 
33     //请求api获取回答
34     app.req(‘post‘, ‘openapi/api‘, {
35       ‘data‘: { ‘info‘: word, ‘loc‘: ‘广州‘, ‘userid‘: ‘123‘ },
36       ‘success‘: function (resp) {
37         that.addChat(resp.text, ‘l‘);
38         if (resp.url) {
39           that.addChat(resp.url, ‘l‘);
40         }
41       },
42     });
43 
44     //清空输入框
45     that.setData({
46       askWord: ‘‘
47     });
48   },
49   //新增聊天列表
50   addChat: function (word, orientation) {
51     let ch = { ‘text‘: word, ‘time‘: new Date().getTime(), ‘orientation‘: orientation };
52     chatListData.push(ch);
53     that.setData({
54       chatList: chatListData
55     });
56   }
57 })

 1 //index.wxml
 2 
 3 <view class="container">
 4   <scroll-view class="scrool-view" scroll-y="true">
 5     <view class="chat-list">
 6       <block wx:for="{{chatList}}" wx:key="time">
 7         <view class="chat-left" wx:if="{{item.orientation == ‘l‘}}">
 8           <image class="avatar-img" src="../../res/image/wechat-logo.png"></image>
 9           <text>{{item.text}}</text>
10         </view>
11         <view class="chat-right" wx:if="{{item.orientation == ‘r‘}}">
12           <text>{{item.text}}{{item.url}}</text>
13           <image class="avatar-img" src="{{userInfo.avatarUrl}}"></image>
14         </view>
15       </block>
16     </view>
17   </scroll-view>
18   <form bindsubmit="sendChat">
19     <view class="ask-input-word">
20       <input placeholder="" name="ask_word" type="text" bindconfirm="sendChat" value="{{askWord}}" />
21       <button formType="submit" size="mini">发送</button>
22     </view>
23   </form>
24 </view>

 1 //app.js
 2 
 3 req: function (method, url, arg) {
 4     let domian = ‘http://www.tuling123.com/‘, data = { ‘key‘: ‘9d2ff29d44b54e55acadbf5643569584‘ }, dataType = ‘json‘;//为方便广大群众，提供key
 5     let header = { ‘content-type‘: ‘application/x-www-form-urlencoded‘ };
 6 
 7     if (arg.data) {
 8       data = Object.assign(data, arg.data);
 9     }
10     if (arg.header) {
11       header = Object.assign(header, arg.header);
12     }
13     if (arg.dataType) {
14       dataType = arg.dataType;
15     }
16 
17     let request = {
18       method: method.toUpperCase(),
19       url: domian + url,
20       data: data,
21       dataType: dataType,
22       header: header,
23       success: function (resp) {
24         console.log(‘response content:‘, resp.data);
25 
26         let data = resp.data;
27 
28         typeof arg.success == "function" && arg.success(data);
29       },
30       fail: function () {
31         wx.showToast({
32           title: ‘请求失败,请稍后再试‘,
33           icon: ‘success‘,
34           duration: 2000
35         });
36 
37         typeof arg.fail == "function" && arg.fail();
38       },
39       complete: function () {
40         typeof arg.complete == "function" && arg.complete();
41       }
42     };
43     wx.request(request);
44   }