如何在执行AJAX时正确返回HTML

时间:2015-06-10 14:33:29

标签: javascript php jquery html ajax

我使用AJAX相当新,我认为我没有正确地做事。页面实际上确实工作正常,但我不认为我以正确的方式得到了这个结果。基本上我有一个加载的页面,它将显示一个从AJAX调用中获取的表。它发送一些参数用于分页目的,因此它可以获取它所在页面的正确记录。

Javascript

$(document).ready(function() 
    { 
    var offset = document.getElementById('offset').value;
    var sortDirection = "";
    var sortType = "";

    if (document.getElementById('setSortName').value != ""){
        sortType = document.getElementById('setSortName').value;
    }

    if (document.getElementById('setSortDirection').value != ""){
        var sortDirection = document.getElementById('setSortDirection').value;
    }


    $.get("ajaxDistributorManage.php", { offset: offset, sortDirection: sortDirection, sortType: sortType}, 

    function(html) {

        $("#distributorTable").append(html);

        var resort = true;

        $("table").trigger("update", [resort]);

     });    

        return false;
    } 
);

AJAX页面

http://pastebin.com/F3gs4QqE

我无法直接在堆栈上直接进行正确格式化,因此我将其放在粘贴箱中。

所以,如果有人能告诉我应该怎么做,或者指向我的一些教程,那就太棒了。我在网上看了一下,似乎AJAX建议不同

2 个答案:

答案 0 :(得分:1)

jQuery ajax及其快捷方式$ .get,$ .post等将对返回的内容类型进行“最佳猜测”。

请参阅:https://api.jquery.com/jquery.get/

如有必要,您可以覆盖最佳猜测。

答案 1 :(得分:0)

正确的方法是在json中返回数据并在javascript中构建html,然后将html附加到dom中。 但是,如果你不想这样做,你可以只回显来自php的html,它将被过去进入AJAX回调函数中的html变量