diff --git a/ajax-comment/app.css b/ajax-comment/app.css
new file mode 100644
index 0000000..5eab0a2
--- /dev/null
+++ b/ajax-comment/app.css
@@ -0,0 +1,25 @@
+.butterBar {
+ margin-left: 36%;
+ max-width: 640px;
+ position: fixed;
+ text-align: center;
+ top: 0;
+ width: 58%;
+ z-index: 800
+}
+
+.butterBar--center {
+ left: 50%;
+ margin-left: -320px
+}
+
+.butterBar-message {
+ background: rgba(255, 255, 255, 0.97);
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 0 1px rgba(0, 0, 0, 0.35);
+ display: inline-block;
+ font-size: 14px;
+ margin-bottom: 0;
+ padding: 12px 25px
+}
diff --git a/ajax-comment/app.js b/ajax-comment/app.js
new file mode 100644
index 0000000..605400e
--- /dev/null
+++ b/ajax-comment/app.js
@@ -0,0 +1,69 @@
+$(document).ready(function ($) {
+ var __cancel = $('#cancel-comment-reply-link'),
+ __cancel_text = __cancel.text(),
+ __list = 'commentlist';//your comment wrapprer
+ $(document).on("submit", "#commentform", function () {
+ $.ajax({
+ url: ajaxcomment.ajax_url,
+ data: $(this).serialize() + "&action=ajax_comment",
+ type: $(this).attr('method'),
+ beforeSend: faAjax.createButterbar("提交中...."),
+ error: function (request) {
+ var t = faAjax;
+ t.createButterbar(request.responseText);
+ },
+ success: function (data) {
+ $('textarea').each(function () {
+ this.value = ''
+ });
+ var t = faAjax,
+ cancel = t.I('cancel-comment-reply-link'),
+ temp = t.I('wp-temp-form-div'),
+ respond = t.I(t.respondId),
+ post = t.I('comment_post_ID').value,
+ parent = t.I('comment_parent').value;
+ if (parent != '0') {
+ $('#comment-nav').before('' + data + '
');
+ } else if (!$('.' + __list).length) {
+ if (ajaxcomment.formpostion == 'bottom') {
+ $('#respond').before('' + data + '
');
+ } else {
+ $('#respond').after('' + data + '
');
+ }
+
+ } else {
+ if (ajaxcomment.order == 'asc') {
+ $('.' + __list).append(data); // your comments wrapper
+ } else {
+ $('.' + __list).prepend(data); // your comments wrapper
+ }
+ }
+ t.createButterbar("提交成功");
+ cancel.style.display = 'none';
+ cancel.onclick = null;
+ t.I('comment_parent').value = '0';
+ if (temp && respond) {
+ temp.parentNode.insertBefore(respond, temp);
+ temp.parentNode.removeChild(temp)
+ }
+ }
+ });
+ return false;
+ });
+ faAjax = {
+ I: function (e) {
+ return document.getElementById(e);
+ },
+ clearButterbar: function (e) {
+ if ($(".butterBar").length > 0) {
+ $(".butterBar").remove();
+ }
+ },
+ createButterbar: function (message) {
+ var t = this;
+ t.clearButterbar();
+ $("body").append('');
+ setTimeout("$('.butterBar').remove()", 3000);
+ }
+ };
+});
\ No newline at end of file
diff --git a/ajax-comment/main.php b/ajax-comment/main.php
new file mode 100644
index 0000000..153ecbe
--- /dev/null
+++ b/ajax-comment/main.php
@@ -0,0 +1,84 @@
+ admin_url('admin-ajax.php'),
+ 'order' => get_option('comment_order'),
+ 'formpostion' => 'bottom', //默认为bottom，如果你的表单在顶部则设置为top。
+ ) );
+ }
+
+endif;
+
+if(!function_exists('fa_ajax_comment_err')) :
+
+ function fa_ajax_comment_err($a) {
+ header('HTTP/1.0 500 Internal Server Error');
+ header('Content-Type: text/plain;charset=UTF-8');
+ echo $a;
+ exit;
+ }
+
+endif;
+
+if(!function_exists('fa_ajax_comment_callback')) :
+
+ function fa_ajax_comment_callback(){
+ $comment = wp_handle_comment_submission( wp_unslash( $_POST ) );
+ if ( is_wp_error( $comment ) ) {
+ $data = $comment->get_error_data();
+ if ( ! empty( $data ) ) {
+ fa_ajax_comment_err($comment->get_error_message());
+ } else {
+ exit;
+ }
+ }
+ $user = wp_get_current_user();
+ do_action('set_comment_cookies', $comment, $user);
+ $GLOBALS['comment'] = $comment; //根据你的评论结构自行修改，如使用默认主题则无需修改
+ ?>
+