将 AJAX 响应文本加载到 DIV 中 - Load AJAX Response Text into DIV

Load AJAX Response Text into DIV

本文关键字：DIV 加载文本 AJAX 响应 | 更新日期: 2023-09-27

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

以最简单的形式（如你的问题... ;)）

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

.load（）

嗯，普通的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 在加载结果时就不会阻塞页面）。

将创建一个新的

元素，在其中插入文本，并将该元素插入到（已提供的）resultDiv 中。

 元素中的文本以固定宽度的字体（如 Courier）显示，并保留换行符和空格（如果您在服务器上格式化了文本，或者您可以创建 span 或div 代替）。