在页面中的特定区域加载另一个页面的内容
在网页开发中,有时需要将一个页面中的特定区域加载另一个页面的内容。这可以通过使用 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); } });
其中:
通过使用上面的代码,您可以将另一个页面的“box”div 的内容加载到“result”div 中。