php - 文档中 PHP + Ajax 之间加载数据时的最佳实践

Question

一开始，这可能已经在 SO 上发布或复制了，但老实说，我找不到可能满足我的要求或澄清我的困惑的答案，也许我太累了，找不到它，如果是这样，请给我链接，我将不胜感激。

我有一个为我的公司定制的 CMS，多年来我一直在修改和升级它，最近我决定花很多时间在上面(我知道那里有很多框架和 CMS，但这段代码是从从头开始，这是一个挑战，所以这就是原因)

假设我有一些包含特定数据的 html，我想将该数据插入到数据库中的一个表中

在那部分ajax做得很好

$.ajax({
   type: "POST",
   url: "requests/add-data.php",
   data: dataString,
   cache: false,
   success: function(data){
     /** Success response  or append data **/

   }
})

因此，在将值插入数据库后，我需要查询有关同一进程的一些附加信息，并且我需要为刚从数据库中提取的数据提供一种格式。让我们举一个 html 格式的例子。

<div>
 <ul>
  <li>
    <p>[title from x value on DB]</p>
     <span>[other values retrieved from the same Query]</span>
      <img src="[image retrieved]" />
  </li>
 </ul>
</div>

要点是文档中不存在 HTML 结构，我必须将它附加到文档中带有 x id 的某个 div。

通常我在我刚刚从 ajax 调用的 PHP 文件中构建 HTML 结构，并在 ajax 成功后附加该内容。

 $("#target-element").append(data);

无论如何，问题是，这是一个好的做法吗？

如果不是，最好的方法是什么？在这种情况下你们有什么建议？

预先感谢您的回答。

Answer 1

如果您的 HTML 不是静态的，您当然必须生成它。

我也更喜欢在客户端 (Javascript) 上执行此操作。

如果你使用 jQuery，你可以这样做，例如:

var list = $('<ul/>').appendTo('#parentContainer');
for (var i = 0; i < n; i++) {
    list.append(
         '<li>' +
             '<p>' + '[title from x value on DB]' + '</p>' +
             '<span>' + '[other values retrieved from the same Query]' + '</span>' +
             '<img src="' + '[image retrieved]' + '" />' +
         '</li>'
    );
}

更新 1:上面的代码应该放在

 success: function(data) {
     /** Success response or append data **/
 }

访问数据取决于服务器脚本响应的 MIME 类型；通常是 JSON；如果您没有在 ajax 调用中指定数据类型，则默认为“智能猜测”(请参阅​​ jquery ajax documentation 中的“数据类型”部分)。

但是，您可以从“数据”参数访问检索到的值。例如:

[检索到的图像] 可以是例如 data.img_src ...

更新 2:在服务器端，您可以不返回资源(结果集)，但必须返回真实数据。

这里是一个 MySQL 的例子，但它可以很容易地推广......):

<?php
    $resource = mysql_query("SELECT * FROM table WHERE id='$id'");
    $results = array();
    while($row = mysql_fetch_array($resource)) {
       $results[] = array(
          'title' => base64_decode($row['title']),
          'otherValue' => $row['otherValue'],
          'imgSrc' => $row['imgSrc']
       );
    }
    $json = json_encode($results);
    header('Content-Type: application/json');
    print $json;
?>