如何用AJAX加载另一个页面div的内容到当前页面？

如何用ajax加载另一个页面div的内容到当前页面？

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

在网页开发中，有时需要将一个页面的div中的内容加载到另一个页面的div中。解决此问题的通用方法是利用ajax异步请求。

以下是使用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 设置为 false 以使请求同步执行，从而在加载内容之前阻塞页面渲染。
strbegin 和 strend 用于从响应数据中提取包含body内容的部分。
strhtml 存储提取的页面内容。
最后，$("#result").html(strhtml); 将提取的内容加载到带 id 为 "result" 的div中。

以上就是如何用AJAX加载另一个页面div的内容到当前页面？的详细内容，更多请关注其它相关文章！