php - jquery ajax - 更好地返回 json 或纯 html

Question

当时间从ajax返回时，我应该以 json 编码返回，并使用 jquery.parseJSON并使用 document.createElement 并将数据附加到刚刚创建的元素中。

还是返回为 html 文本更好？

例子，

<div id="contentcontainer"></div>

$.ajax({
   type: "POST",
   url: "some.php",
   data: "name=John",
   success: function(msg){
     msgObj = jquery.parseJSON(msg);
     var div = document.createElement('div');
     div.style.color="red";
     $(div).append(msgObj.name);
     $('#contentcontainer').append(div);
   }
 });

 //some.php
 if($_POST['name']){
    echo json_encode( array('name'=>$_POST['name']) );
 }

或者我应该这样做？

<div id="contentcontainer"></div>

$.ajax({
   type: "POST",
   url: "some.php",
   data: "name=John",
   success: function(msg){ 
     $('#contentcontainer').append(msg);
   }
 });

 //some.php
 if($_POST['name']){
    echo '<div style="color:red">'.$_POST['name'].'</div>';
 }

已修改...抱歉我的语法不好

当然，这只是一个例子，实际情况下会有很多数据，可能是html表格格式。

当然，这只是一个例子，真实情况下会有很多数据。

如果它有很多数据，那么我需要写很多document.createElement()。而且这样写很费时间document.createElement('表格');文档.createElement('tr');

而不是(以 HTML 形式返回并仅附加到容器中)

对我来说，我认为第二种格式(返回 HTML)更容易。

但不确定性能方面，哪个更好？

请指教。

Answer 1

Sébastien 和 Zain 都有有效分数。这取决于您所谈论的性能种类。

如果您想减少服务器的带宽，那么您应该返回 JSON 并使用客户端 javascript 创建您的显示。

但是，如果您的数据集很大，在大多数机器上创建显示客户端可能会使浏览器滞后并导致 UI 变得无响应。如果这对您很重要，那么您可以考虑从服务器返回 HTML。