【问题标题】:How to properly return HTML when doing AJAX做AJAX时如何正确返回HTML
【发布时间】:2015-06-10 22:51:44
【问题描述】:

我对使用 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 建议有所不同

【问题讨论】:

  • 你似乎做得对。他们有很多方法来做 ajax,返回 html 是一个有效的选择。您能否更具体地说明您遇到的问题?
  • 你能说出你面临的问题吗?
  • 我实际上没有遇到任何问题。这是我正在为工作而做的事情,但被告知我做得不对,所以我想弄清楚我做错了什么。

标签: javascript php jquery html ajax


【解决方案1】:

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

见:https://api.jquery.com/jquery.get/

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

【讨论】:

    【解决方案2】:

    正确的做法是返回json中的数据,并在javascript中构建html,然后将html追加到dom中。 但是如果你不想这样做,你可以从 php 中回显 html,它会传递到 AJAX 回调函数中的 html 变量中

    【讨论】:

    • 你知道一个很好的例子或教程来说明如何做到这一点吗?我知道网上有很多,但正如我所说,它们的实际完成方式似乎彼此不同。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-09-05
    • 1970-01-01
    • 2013-03-20
    • 2016-09-27
    • 2012-01-12
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多