Question

我的JQuery代码正在发布，因为成功函数正在触发。问题是PHP $ _POST请求没有收到数据。出于调试目的，我尝试使用alert（数据）来显示我希望的数组，并告诉我是否有办法解析传递的内容。相反，警告框只显示“[object Object]”。我需要将这些数据转换为我可以在PHP中用于回调函数的表单。

这是JQuery：

$(document).ready(function(){
//JQuery for the submission of a new list item.
    $('input.[class$="-arrow"]').click(function(e){
        e.preventDefault(); //put e in function.
        var ajaxurl = '<?php echo admin_url('admin-ajax.php'); ?>';

        if ($(this).hasClass('up-arrow')) {
            var arrowdirection = 'up';
            var entry = $(this).val();
        }
        else if ($(this).hasClass('down-arrow')) {
            var arrowdirection = 'down';
            var entry = $(this).val();
        }

        var data = {
            action: 'cb_lud_arrow_action',
            arrow: arrowdirection,
            entryID: entry
        };

        $.ajax ({
            type: 'POST',
            url: ajaxurl,
            data: data,
            datatype: "text",
            success: function(){
                alert(data);
                alert('Thanks for the vote!'); //for debug. Alert is showing! Still not submitting data to database though.
                $('.line-items-rows').fadeOut('fast').delay(1000).fadeIn('fast');
            }
        });
});
});

这里是回调PHP函数（它没有按原样更新数据库）：

function cb_lud_arrow_callback(){       
    //Redefine basic variables
    global $wpdb;
    $cb_lud_prefix = $wpdb->prefix;
    $cb_lud_table = $cb_lud_prefix . 'cb_list_up_down';
//find the values posted to the form
    $cb_lud_arrow_keys = array_keys($_POST['arrow']);
    $cb_lud_arrow_values = array_values($_POST['entryID']);
    $cb_lud_entry_id = (int)$cb_lud_arrow_values[2];


        //set some variables to "up" or "down" depending on form input.
            if (strpos($cb_lud_arrow_keys[2], 'up-ID') > 0) {
                $cb_lud_arrow_direction = "up";
            }
            else if (strpos($cb_lud_arrow_keys[2], 'down-ID') > 0) {
                $cb_lud_arrow_direction = "down";
            }
            else {
                $cb_lud_arrow_direction = "nothing";
            }

        //Create the update query that will record the up and down votes.
            //Up votes
            if ($cb_lud_arrow_direction == "up" && $cb_lud_arrow_direction != "nothing") {
                $wpdb->query('UPDATE '.$cb_lud_table.' SET up_votes=up_votes+1
                    WHERE entry_ID='.$cb_lud_entry_id.'');
            }
            //Down votes
            else if ($cb_lud_arrow_direction == "down" && $cb_lud_arrow_direction != "nothing") {
                $wpdb->query('UPDATE '.$cb_lud_table.' SET down_votes=down_votes+1
                    WHERE entry_ID='.$cb_lud_entry_id.'');
            }   

die(); // this is required to return a proper result
}

Answer 1

使用Chrome或Firefox调试JQuery。 CTRL + SHIFT + J让Chrome中的调试器不确定firefox，但它在选项菜单中。

然后您将能够看到这些值。

Answer 2

您是否忘记了成功函数定义中的参数数据？

success: function(data){...

但不是

success: function() { ...

Answer 3

使用Firefox并安装Firebug。然后转到Firebug控制台并执行jQuery事件。它将向您显示所有AJAX事务，发送内容，标题，帖子等，以及收到的内容。

另外，你可以真正缩短你的AJAX调用：

$.post(ajaxurl, data, function(data){
  $('.line-items-rows').fadeOut('fast').delay(1000).fadeIn('fast');
});

如何使用AJAX POST多个JQuery值并避免对象错误

3 个答案: