
如何将另一个页面中的div内容加载到当前页面中
问题:
页面一包含一个空div元素(id=”result”),希望将页面二中包含内容的div元素(id=”box”)的内容加载到该空div中。
答案:
可以使用ajax来实现该任务:
- 在页面一的javascript代码中,使用$.ajax()方法发起一个post请求到页面二的url。
- 设置async属性为false,使其变为同步请求。
- 在success回调函数中,解析http响应数据并提取包含在标签之间的html内容。
- 将提取的html片段赋值给div元素(id=”result”)的innerhtml属性。
$.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);
}
});
登录后复制
以上就是如何将另一个页面中的div内容加载到当前页面?的详细内容,更多请关注米云其它相关文章!
