php - AJAX 调用不工作，即使 PHP 和 JS 文件自己工作

Question

我已经设置了 AJAX 调用。我通过提醒我发送的 POST 值(甚至提醒 POST 数据字符串)测试了 JS 文件，一切看起来都很好。然后我获取这些值并将它们放入需要它们的 PHP 文件中。我试图在没有任何变量的情况下尽可能简单地复制该过程。它工作正常。然后我尝试运行 AJAX 函数，它给了我错误消息。这是我的 JS 代码(我之前声明了 page_number 和 type 变量，但它不相关；我已经警告过它们并且变量被正确分配):

$('.pagination_button').click(function(){

    //MAKE AJAX CALL TO REPOPULATE TABLE
    var myData = 'page_number='+ page_number + '&type='+ type;

            $.ajax({
                type: 'POST', // HTTP method POST or GET
                url: 'archive_ajax.php', //Where to make Ajax calls
                dataType:'text', // Data type, HTML, json etc.
                data:myData, //post variables
                success:function(response){

                //REFORMAT UPON SUCCESSFUL AJAX CALL
                $(this).parent().find('span.page_counter').text(next_page);
                $(this).closest('.archive_table').append(response);*/


                },
                error:function (xhr, ajaxOptions, thrownError){
                    alert('didn\'t work'); //throw any errors
                }
            }); 
});

这是服务器端代码。我用变量单独运行了这个页面，它正确显示了所有内容:

<?php
include('../includes/connect.php');

$page_number = mysqli_real_escape_string($_POST['page_number']);
$type = mysqli_real_escape_string($_POST['type']);

$start_number = $page_number*10;

if($type=="pagination_1"){
$type = "archive_1";
}
else if($type=="pagination_2"){
$type = "archive_2";
}
else if($type=="pagination_3"){
$type = "archive_3";
}

$sql = "SELECT * FROM ".$type." ORDER BY timestamp ASC LIMIT ".$start_number.", 10";
$result = $mysqli->query($sql);

while($row = mysqli_fetch_array($result)){
$converted = date('m/d/y', strtotime($row['timestamp']));
echo "<tr class='table_data' style='float:left;'>
<td>".$converted."</td>
</tr>";
}

?>

当涉及到将信息实际发送到服务器时，我似乎无法找到一切都崩溃的地方。任何帮助将不胜感激。谢谢!

编辑

我得到(对于那些询问的人)是它正在从错误函数中警告“无效”。当我提醒“thrownError”时，它只是说“Not Found”。我假设这意味着它没有成功运行查询(我不确定为什么)。

Answer 1

success-callback 中的

this 没有引用被点击的元素，它包含 $.ajax-call 的选项。

创建一个闭包以访问成功回调中被点击的元素。

$('.pagination_button').click(function(){
  var that = this
  $.ajax({
           success:function(response){
                   //use here $(that) instead of $(this)
                   }
        }); 
});