jquery ajax - 返回 json 或纯 html 更好

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

或者最好以 html 文本形式返回？

example,

<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('表'); document.createElement('tr');

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

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

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

请指教。

塞巴斯蒂安和扎因都有有效的观点。这取决于什么kind你所说的性能。

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

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