
在页面中的特定区域加载另一个页面的内容
在网页开发中,有时需要将一个页面中的特定区域加载另一个页面的内容。这可以通过使用 ajax(异步 javascript 和 xml)来实现。
问题
想在具有 id 为“result”的 div 中加载具有 id 为“box”的另一个页面的内容。
解答
使用 jquery ajax 函数可以轻松实现此功能:
$.ajax({
type: "post",
url: url,
data: params,
async: false,
success: function(data) {
var strBegin = data.indexOf("<body>");
var strEnd = data.indexOf("</body>");
var strHtml = data.substring(strBegin + 6, strEnd);
$("#result").html(strHtml);
}
});
登录后复制
其中:
- url 是要加载内容的页面 url。
- params 是要传递到目标页面的任何请求参数。
- async: false 确保 ajax 请求在继续执行之前完成。
通过使用上面的代码,您可以将另一个页面的“box”div 的内容加载到“result”div 中。
以上就是如何使用 AJAX 在网页中加载特定区域的内容?的详细内容,更多请关注米云其它相关文章!
