如何在 Div 中加载另一个页面的 Div 内容?

如何在 div 中加载另一个页面的 div 内容?

如何在 div 中加载另一个页面的 div 内容

需求:

在页面一中,存在一个 div 元素,希望将其内容替换为页面二中另一个 div 元素的内容。

解决方案:

使用 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 为页面二的地址。
  • params 为发送到页面二的数据(如有需要)。
  • async 设置为 false,表示同步加载。
  • strbegin 和 strend 用于从页面二获取 html 内容。
  • $("#result").html(strhtml); 将页面二的 div 内容加载到 #result div 中。

以上就是如何在 Div 中加载另一个页面的 Div 内容?的详细内容,更多请关注其它相关文章!