JS实现页面跳转 浏览器地址栏保持不变

谁借莪１个温暖的怀抱￠ 2022-08-05 13:12 549阅读 0赞

JS实现页面跳转 浏览器地址栏保持不变

在公司内部框架中，发现点击超链接，页面发生跳转，而浏览器地址栏URL始终保持不变。分析其实现机制，响应A标签onclick事件，通过Ajax向服务器端发送http请求，然后將服务器返回数据写到当前document对象。

实现代码如下：

  1. //IE浏览器创建XmlHttpRequest对象
  2. var xmlhttp = new ActiveXObject("MSXML2.XMLHTTP.3.0");
  3. function openBaidu() { 
  5.     xmlhttp.open("post","http://www.baidu.com",false);
  6.     xmlhttp.onreadystatechange= HandleStateChange;
  7.     xmlhttp.send();
  8.     function HandleStateChange() { 
  9.       if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
  10.       {
  11.           document.write(xmlhttp.responseText);
  12.       }
  13.     }
  14. }
  16. <a href="###" onclick="openBaidu()">百度</a>

注意：此种做法不利于搜索引擎优化，多用于内网系统以及对安全性要求较高的银行系统中。

发表评论

表情：
评论列表 （有 0 条评论，549人围观）

还没有评论，来说两句吧...

相关阅读