# 评论框
在 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'
});
}
});
}
```
这里不写完整代码了，就是以上的步骤！！！
