php - 将 AJAX 响应文本加载到 DIV

Question

我有一个 PHP 文件，它根据来自 AJAX 请求的发布信息返回 MySQL 结果。我将其设置为回显 MySQL 表中的信息。所以，我想知道如何使用 JQuery 将该响应文本加载到 DIV 中。如果我查看 Firebug，响应文本正是我所期望的，即 MySQL 查询的结果，所以我知道 PHP 正在完成它的工作。

Answer 1

以最简单的形式（作为你的问题......;））

$(<selector for the div>).load("url of the php-file");

。加载（）

Answer 2

嗯，纯 JavaScript？也许你可以试试这个：

var callback = function (response) {
  var myDiv = document.getElementById("resultsDiv");
  var textElem = document.createElement('pre');
  textElem.innerHTML = response.text;
  myDiv.appendChild(textElem);
}

Ajax.request(url, params, callback); // or whatever you use for your Ajax query

这基本上会创建一个回调函数。因此，当您进行 ajax 调用时（您没有说明如何），将结果传递给您的回调函数（这样您的 javascript 在加载结果时不会阻塞页面）。

将创建一个新的 <pre> 元素，在其中插入文本，并将该元素插入到您的（已经提供的）resultsDiv 中。

<pre> 元素中的文本以像 Courier 一样的固定宽度字体显示，并保留换行符和空格（如果您在服务器上格式化文本，否则您可以创建 span 或 div）。