微信小程式評論功能原始碼
阿新 • • 發佈：2018-11-10
wxml：
<textarea class="input" bindinput='bindContent' value="" placeholder="請填寫評論內容 "></textarea>
<button class='button show-button' bindtap="Submit" data-item_data1='{{item_data1}}' id="vid">傳送</button>
js：
var ComContent = ''
var CommentList = '[]'
var app = getApp()
Page({
/**
*
*/
data: {
CommentList: [{}],
bindContent: null,
ComContent: '',
input: '',
},
bindContent: function(e) {
console.log(e)
//取值的時候要先列印e，看裡面有什麼，就怎麼取
ComContent = e.detail.value
// 先給ComContent賦值再放到AppData裡面
// ComContent = this.data.CommentList
this.setData({
focus: true,
ComContent: ComContent,
})
console.log("輸入的內容是：" + ComContent)
},
wx.request({
url: ' ', //網路請求地址
method: 'GET', //網路請求方式 ： GET或者POST 。根據介面文件寫
data: data, //把建立的data傳給後端
header: { //請求頭
'content-type': 'Submit'
},
success: function(res) {
//請求成功以後後端返回給你的資料 res
console.log(res.ComContent)
that.bindContent.ComContent = null
wx.showToast({
title: '評論提交成功',
icon: 'success',
duration: 2000,
ComContent: null
})
fail: res =>
wx.showToast({
title: '網路不好喲',
duration: 3000
})
}
that.setData({
focus: false,
CommentList: res.data.data
})
// 提交成功後返回上頁
let pages = getCurrentPages();
let prevPage = pages[pages.length - 2];
wx.navigateBack({
delta: 1,
})
},
})
},