English 中文(简体)
将 AJAX 响应文本装入 DIV
原标题:Load AJAX Response Text into DIV

我有一个 PHP 文件, 根据 AJAX 请求的邮件信息返回 MySQL 结果 。 我设置它来回回取自 MySQL 表格的信息 。 因此, 我想知道如何用 JQuery 将回复文本装入 DIV 。 如果我在 Firebug 中查看, 回复文本正是我所期望的, MySQL 查询的结果, 所以我知道 PHP 正在做它的工作 。

问题回答

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

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

< a href=" "http://api.jquery.com/load/" rel=" no follow" >.load()

平原的爪哇史克里普特?

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> 元素, 文本插入其中, 元素插入您( 已提供) 结果Div 中 。

& lt; pre> 元素中的文字显示在像 Courier 这样的固定宽字体中, 并保存换行符和空格( 如果您在服务器上格式化了文本, 其它vise 您可以创建一个区域或 div ) 。





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签