內容頁-評論框 · ThinkPHP模塊兒

# 評論框在 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' }); } }); } ``` 這里不寫完整代碼了，就是以上的步驟！！！