
在一个页面div中加载另一个页面div内容
在网页开发中,有时需要将一个页面的div中的内容加载到另一个页面的div中。解决此问题的通用方法是利用ajax异步请求。
以下是使用ajax实现这一目标的示例代码:
AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。它不是新的编程语言,而是一种使用现有标准的新方法,最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容,不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。《php中级教程之ajax技术》带你快速
$.ajax({
type : "post",
url : url,
data : params,
async : false,
success : function(data) {
var strBegin = data.indexOf("");
var strEnd = data.indexOf("");
var strHtml = data.substring(strBegin + 6, strEnd);
$("#result").html(strHtml);
}
});在此代码中:
- url 是目标页面的url,其中包含要加载的内容。
- params 是发送到目标页面以获取内容的任何参数。
- async : false 设置为 false 以使请求同步执行,从而在加载内容之前阻塞页面渲染。
- strbegin 和 strend 用于从响应数据中提取包含body内容的部分。
- strhtml 存储提取的页面内容。
- 最后,$("#result").html(strhtml); 将提取的内容加载到带 id 为 "result" 的div中。









