JQuery ajax永远不会成功。这是什么错误?

时间:2015-07-23 08:22:36

标签: javascript php jquery ajax wordpress

我试图为使用Wordpress的php服务器制作ajax。 我使用重写规则来重定向ajax调用:

function Ajax_roules_setup(){
        add_rewrite_rule(
            'ajax/([^/]*)',
            'index.php?action=$matches[1]',
            'top'
        );
}

ADD_ACTION('初始化'' Ajax_roules_setup&#39);

这个工作正常(如果我去localhost / wordpress / ajax / myrequest,我会得到带有请求的页面)。

现在我有这个管理ajax请求的php代码:

<?php

/* 
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */

function load_template_part($template_name, $part_name=null) {
    ob_start();
    get_template_part($template_name, $part_name);
    $var = ob_get_contents();
    ob_end_clean();
    return $var;
}

$reply = null;
switch ($wp->query_vars['action']){
    case 'get-more-posts':
        $html_for_ajax = sprintf('%s',  load_template_part("content","fourFrom"));
        $reply = 
            array(
                'status' => 'success',
                'last'   => ''.$all_post_loaded,
                'html'   => $html_for_ajax ,
            );
        break;
}

print_r(json_encode($reply));
?>

正如所说的那样有效!! 这是js代码(使用jQuery):

var calls = 1;
jQuery(document).ready(
        function () {
            jQuery("#forntPage-getMore").click(
                    function () {
                        if (calls >= 0) {
                            jQuery.ajax({
                                // definisco il tipo della chiamata
                                type: "POST",
                                // specifico la URL della risorsa da contattare
                                url: "http://localhost/wordpress/ajax/get-more-posts",
                                // passo dei dati alla risorsa remota
                                data: "ajax_get_more=" + calls,
                                // definisco il formato della risposta
                                dataType: "json",
                                // imposto un'azione per il caso di successo
                                succes: function (result) {
                                    //var reply = jQuery.parseJSON(result);
                                    if (reply.last) {
                                        calls = -1;
                                        jQuery("#forntPage-getMore").remove;
                                    } else {
                                        calls++;
                                    }
                                    jQuery("#frontpage-post-grid").append(reply.html);
                                }, error: function (xhr, status, error) {
                                    var err = eval("(" + xhr.responseText + ")");
                                    alert(err.Message);
                                }
                            });
                        }
                    }
            );
        }
);

因此,根据我的理解,这应该可行,但所有以错误404结束的调用都没有找到! 可能是永久链接的问题,还是别的什么?

1 个答案:

答案 0 :(得分:0)

success而非succes

尝试: -

success: function (result) {
                                    //var reply = jQuery.parseJSON(result);
                                    if (reply.last) {
                                        calls = -1;
                                        jQuery("#forntPage-getMore").remove;
                                    } else {
                                        calls++;
                                    }
                                    jQuery("#frontpage-post-grid").append(reply.html);
                                }, error: function (xhr, status, error) {
                                    var err = eval("(" + xhr.responseText + ")");
                                    alert(err.Message);
                                }