ajax怎样实现加载页面,点击页面链接不跳转走

Posted 2023-03-21

我通过AJAX加载了A页面到一个DIV里，当我点击A页面里的一些功能例如编辑，而会重新打开一个窗口跳到那个编辑页面。怎样实现点击编辑，然后还是在这个DIV里显示。就如IFRAME那样，完全把一个页面加载进来，无论在页面做什么操作都只会在IFRAME里刷新。请问有什么更好的办法。谢谢！

用JQuery实现比较简单。baidu一下有很多例子。
下面例子就是定义按钮id为bbb的单击事件：
$(function()
$('input#bbb').click(function()
....
$.post(url, param, function(dom) // 向url用POST方法发送参数对象param
$('div#xxx').html(dom); // 将返回的内容加载进ID为xxx的DIV中
);
);
); 参考技术A 把Ajax取到的HTML先进行处理一下,把 <a href="a.htm"> 换成 <a href="javascript:ajaxget('a.htm');"> 然后你写一个名为ajaxget的JS函数,用Ajax再去取参数URL的页面.
替换过程可以用正则处理,这样原来所有链接就都被用作Ajax获取了,应该可以避免你提到的情况. 参考技术B 调到编辑页面是因为编辑按钮设置了在新窗口打开.
你设置在当前窗口的打开就行了.
把A标记的target="_blank"去掉就行了.追问

我是用文字作为链接的，不是按钮，而且我没有加入target="_blank"

追答

那么你可以在你的div层里面加载一个框架，然后在框架里面加载你的页面。