Jquery AJAX 响应不起作用

Question

由于某种原因，这个 jQuery 函数无法正常工作。这是我的代码...响应 div 没有随我的响应更新。

当 AJAX 函数被调用时

if ($action == 'sort') {

    echo 'getting a response';
    return 0;

}

JQuery 函数

function sort() {

    $.ajax({
        type: "POST",
        url: "contributor_panel.php?action=sort",
        data:"sort_by=" + document.getElementById("sort_by").value +
             "&view_batch=" + document.getElementById("view_batch").value,
        success: function(html){

            $("#ajaxPhotographSortResponse").html(html);

        }
    });

}

要替换的 DIV

<div id="ajaxPhotographSortResponse"></div>

Answer 1

将 action=sort 移至 $.ajax 函数的 data 属性中。您正在发出 POST 请求，但像 GET 请求一样将数据附加到查询字符串中。如果是 GET 请求，Data 仅会附加到查询字符串。

示例：

$.ajax({
        type: "POST",
        url: "contributor_panel.php",
        data: {action:'sort', sort_by: $('#sort_by').val(), view_batch: $('#view_batch').val()},
        success: function(html){

            $("#ajaxPhotographSortResponse").html(html);

        }
    });

http://api.jquery.com/jQuery.ajax/

Answer 2

我建议您使用以下语法，而不是将传递给服务器端脚本的参数连接起来。另外，如果您已经使用 jQuery，则不再需要 document.getElementById 函数：

$.ajax({
    type: "POST",
    url: "contributor_panel.php?action=sort",
    data: { sort_by: $("#sort_by").val(), view_batch: $("#view_batch").val() },
    success: function(html){
        $("#ajaxPhotographSortResponse").html(html);
    }
});

甚至更短地使用 .load() 函数：

$('#ajaxPhotographSortResponse').load('contributor_panel.php?action=sort', 
    { sort_by: $("#sort_by").val(), view_batch: $("#view_batch").val() });