哪种更好的做法？从Jquery响应中获取HTML

Question

这只是一个问题,可以找出人们做什么以及如何做到这一点,但是

假设用户在列表中添加了一些东西,当它完成时,它运行下面的ajax并更新 .user-stream-list

$.ajax({
    url: "user-stream-list.php",
    success: function(data){
        $(".user-stream-list").html(data);
    }
});

但user-stream-list.php例如,回应是

<li class='feed'><a href='http://www.theverge.com/rss/index.xml' data-fid='13' data-uid='15'><img class='favicon' src='https://www.google.com/s2/favicons?domain=www.theverge.com'><span class='title'>The Verge -  All Posts</span><span class='options'><span class='addcat' data-fid='13'>+</span><span class='delete'>×</span></span></a></li>

这在Web开发中是否可以接受？或者我应该真的通过它,json然后将其分类为html？

Answer 1

做什么适合您的特定问题.好的设计在权衡之间找到妥协.如果您处于紧迫的截止日期,并且您需要一些有用的东西,并且从PHP返回HTML更容易.

也就是说,您正在服务器上以编程方式生成HTML.如果传递JSON,则会有相同的工作,不同之处在于客户端生成HTML.这对您来说更灵活,因为您可以在不同的上下文中生成不同的HTML.或者根本不是HTML.

通过提供重用,设计返回灵活的数据结构松散地耦合应用程序组件:数据结构对于调用者的环境和目标表示仍然是不可知的.随着应用程序的发展,这种灵活性将为您的应用程序提供良好的服务,并且 - 在我看来 - 早期设计此类API的努力是值得的.