如何使用 AJAX 在网页中加载特定区域的内容？

如何使用 ajax 在网页中加载特定区域的内容？

在页面中的特定区域加载另一个页面的内容

在网页开发中，有时需要将一个页面中的特定区域加载另一个页面的内容。这可以通过使用 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 在网页中加载特定区域的内容？的详细内容，更多请关注其它相关文章！