内容页评论jquery实现无刷新提交方法
官方的插件只是实现无刷新分页，现补充下实现无刷新提交：
1、首先安装官方插件：
内容页评论AJAX分页显示插件下载
http://bbs.phome.net/showthread-31-196576-0.html
2、打开“公共模板变量”，修改“评论表单”[!--temp.pl--]模板
<script>
function submitTheForm(obj)
{
if(obj.saytext.value=="")
{
obj.saytext.focus();
// return;
}
else {
var $form = $('#saypl'); //通过 form 的 id 取得 form
url = $form.attr('action'); // 得到该 form 的提交路径
var i = $.post(url, $form.serialize(), function(data) // 以 post 方式提交, 回调函数function 返回 data
{
CommentToPage(0);
obj.saytext.value="";
//window.location.reload();
//alert(data); // 显示返回信息
});
}
}
</script>
<form action="[!--news.url--]e/pl/doaction.php" method="post" name="saypl" id="saypl">
<h5>说说这个职位</h5>
<a href="[!--news.url--]e/pl/?classid=[!--classid--]&id=[!--id--]">共有<span><script type="text/javascript" src="[!--news.url--]e/public/ViewClick/?classid=[!--classid--]&id=[!--id--]&down=2"></script></span>条评论</a>
<textarea name="saytext" id="saytext" class="form-control" rows="3" style="margin-bottom:5px"></textarea>
<input name="id" type="hidden" id="id" value="[!--id--]" />
<input name="classid" type="hidden" id="classid" value="[!--classid--]" />
<input name="enews" type="hidden" id="enews" value="AddPl" />
<input name="repid" type="hidden" id="repid" value="0" />
<input name="ecmsfrom" type="hidden" value="[!--titleurl--]" />
<input name="button" type="button" class="btn btn-primary" value="提交" onclick="submitTheForm(document.saypl)" />
</form>
3、在页面模板中引入jquery
4、完成
|
顶部 
加入收藏夹
2017-03-28 11:39:03 
已设置保密
回复
引用
报告
编辑
删除
