将AJAX响应文本加载到DIV中

时间:2012-05-24 23:16:52

标签: php javascript jquery html

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

2 个答案:

答案 0 :(得分:2)

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

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

.load()

答案 1 :(得分:1)

嗯,简单的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就不会在加载结果时阻塞页面)。

新的&lt; pre&gt;将创建元素,在其中插入文本,并将元素插入(已提供的)resultsDiv。

&lt; pre&gt;中的文字元素以Courier等固定宽度字体显示,它保留换行符和空格(如果您在服务器上格式化文本,则可以创建跨度或div)。