邪罗刹的菠萝阁

> 这段代码是一个通用的 AJAX 评论提交代码，主要功能在通用和无刷新，但是加速发表的效果不是很好。
> 理论上来说，如果你懂一点 JQUERY，那么只要稍稍做一下修改，几乎所有不同的程序都可以使用的。

一. AJAX发表评论的各种程序通用版代码：

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/jq.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/ajax.js"></script>
//首先下载一个官方的 JQ 代码库放到主题文件夹中，并把文件名修改为 jq.js ~
//可以过这个地址下载 - http://code.jquery.com/jquery-1.4.2.min.js ~

<?php wp_head(); ?>
//在 Header.php 中这行代码上方插入上面的代码，载入 JQ 库与支持 AJAX 评论的 JS 文件 ~

<?php comments_template(); ?>
//在 page.php single.php 两个文件里，找到上面的代码，修改成下面这样 ~

<div id="reloadComment"><!--reloadComment--><?php comments_template(); ?><!--reloadCommentEnd--></div>
//围绕着评论代码添加一个DIV，并用 Html 的注释方法来添加两个标记 ~

#loading{background:#F2F2F2;border:1px solid #ccc;margin:10px auto;display:none; line-height:40px; padding-left:10px;}
//然后增加一个 loading 的载入提示框，在提交评论的过程中显示 ~

#loading{background:#F2F2F2 url('/apps/myimg/tmp/loading.gif') no-repeat 15px 50%;padding-left:40px;border:1px solid #ccc;line-height:40px;margin:10px auto;}
//当然也可以增加一个 gif 载入图片，把这段代码里面的图片地址修改一下即可 ~

<div id="respond">    <div id="loading"></div>
	<h2><?php comment_form_title( '发表评论', '回复 %s' ); ?></h2>
	<div class="cancel-comment-reply">
		<small><?php cancel_comment_reply_link(); ?></small>
	</div>
//在 respond 的 div 中增加 loading 提示框的 div ~

//注意！小邪提供的所有代码最好去除注释后再用，有时候可能注释位置会影响到代码执行效果 ~
function reloadComments(data){
	var reloadStar = data.indexOf('<!--reloadComment-->');
	var reloadEnd = data.indexOf('<!--reloadCommentEnd-->');
	//通过刚才添加的标记切割新的源代码
	if(reloadStar>=0){
		jQuery("#reloadComment").html(data.substring(reloadStar,reloadEnd));
		bind();
	}
	else
		jQuery("#loading").fadeOut('fast').html(data).css("background","#FFACAC").fadeIn('slow');
		//显示错误提示
}
function realodCommentsError(data){
	jQuery("#loading").fadeOut('fast').text(data).css("background","#FFACAC").fadeIn('slow');
	//显示错误提示
}
function bind(){
	jQuery("#submit").click(function(){
		jQuery("#loading").fadeIn('slow').text("Sending .. Please wait a moment ....").css("background","#F2F2F2 url('/apps/myimg/tmp/loading.gif') no-repeat 15px 50%");
		jQuery.ajax({
			type:'POST',
			dataType:'text',
			url:jQuery("#commentform").attr("action"), //获取提交目的地址
			data:jQuery("#commentform").serialize(), //处理数据
			success:function(data){reloadComments(data);},
			error:function(dataxml){
				var eStart=dataxml.responseText.indexOf('<p>');
				var eend = dataxml.responseText.indexOf('</p>');
				realodCommentsError(dataxml.responseText.substring(eStart+3,eend));}
			});
		return false;
	});
}
jQuery(document).ready(function(){
	bind();
});
//这些就是 ajax.js 里面的内容了，如果不需要 gif 载入提示图片，去除下面的代码
//url('/apps/myimg/tmp/loading.gif') no-repeat 15px 50%

二. 关于这段代码：

> 理论上来说，只要稍作修改，基本上各种程序都可以用。因为这个原理只是防止刷新，并不加快速度。
> 其实只是把刷新的步骤通过 AJAX 搞定，然后从刷新之后的代码里，提取出关于评论的那部分源代码。
> 然后把原来页面关于评论的这部分源代码用新代码替换掉，就达成了 AJAX 无刷新提交评论的效果。

> 并不像小邪现在在用的 WILLIN 写的代码一样，还需要在 comments-ajax.php 里面模仿模板评论样式。
> 所以理论上来说，如果你懂一点 JQUERY，那么只要稍稍做一下修改，几乎各种程序都可以使用的。

> 因为上面的这些代码是从一个 5d6d 论坛群的其中某个子论坛上面的转载帖子的附件里面提取出来的。
> 当时楼主转载的时候木有写任何的原作者，所以暂时没有办法知道原始的出处。

三. 尾记：

> 最近有盆友灰常无聊了呐，o(*￣▽￣*)ゞ，开启 “评论者必须曾有一条评论被批准”，表示毫无鸭梨。