跳转到主内容
新派编程网 - 新潮编程理念,全新技术课堂!

如何使用 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(""); var strEnd = data.indexOf(""); var strHtml = data.substring(strBegin + 6, strEnd); $("#result").html(strHtml); } });
其中: url 是要加载内容的页面 url。 params 是要传递到目标页面的任何请求参数。 async: false 确保 ajax 请求在继续执行之前完成。 通过使用上面的代码,您可以将另一个页面的“box”div 的内容加载到“result”div 中。

相关文章