# 評論框
在 HTML 代碼里,我們的評論框是這樣子的!
```
<!--彈出評論框-->
<div id="ask-reply-box">
<div class="ask-text" id="ask-text">
<textarea placeholder="請輸入你的回復,提問者確認后可獲得獎勵"></textarea>
</div>
<div class="aui-btn aui-btn-block aui-btn-info ask-reply-btn">提交</div>
</div>
```
其中關鍵就是:
```
<textarea placeholder="請輸入你的回復,提問者確認后可獲得獎勵"></textarea>
<div class="aui-btn aui-btn-block aui-btn-info ask-reply-btn">提交</div>
```
其他代碼都是輔助作用的!例如特效等等什么的!
# 方法
>1、評論框加id值,按鈕加 onclick 值
2、獲取提交的數據的參數并提交
步驟1:評論框加id值
```
<textarea placeholder="請輸入你的評論內容!" id="commentCon"></textarea>
<div class="aui-btn aui-btn-block aui-btn-info ask-reply-btn" onclick="present();">提交</div>
```
步驟2:獲取提交的數據的參數并提交
```
//提交評論
function present() {
if ($api.byId('commentCon').value == '') {
showToast('請填寫評論內容', 2, 'bottom');
return;
}
let commentText = $api.val($api.byId('commentCon')),
uid = $api.getStorage('user').id, //用戶id
article_id = api.pageParam.object_id; //文章id
let serverURL = Config.api.User_Article_Comment_Submit;
let data = {values:{
commentText:commentText,
uid:uid,
article_id:article_id,
}};
runAjax(serverURL,data,function(ret, err) {
if(ret.data.status == '1') {
api.toast({
msg: ret.data.msg,
duration: 2000,
location: 'middle'
});
$api.val($api.byId('commentCon'),'');
clickMark(); //評論框消失
user_comment(); //更新評論內容
ancho('comment_list'); //跳轉到評論錨點
} else {
api.toast({
msg: ret.data.msg,
duration: 2000,
location: 'middle'
});
}
});
}
```
這里不寫完整代碼了,就是以上的步驟!!!