Ajax加载页面不刷新答案

【问题标题】：Ajax load page without refreshAjax加载页面不刷新
【发布时间】：2023-03-11 06:40:01
【问题描述】：

我正在寻找使用 jquery + ajax 更新页面内容的最简单方法的信息。我只想更新#container 的内容，而不是整页。

我是 ajax 的初学者。

谢谢。

我的 Jquery 代码

  <script>
    $(document).ready(function(){
      //page
      $('.row').load('services.html');

      $('.nav_link').click(function(){
        var page = $(this).attr('href');
        $('.row').load(page);
        return false;
      });
    });
  </script>

HTML：

<div class="row">
          <nav role="navigation" class="nav">
            <a class="nav_link" href="services"><div class="nav_line"></div>PASLAUGOS</a> <a class="nav_link" href="contacts.html"><div class="nav_line"></div>KONTAKTAI</a>
          </nav>
        </div>

services.html：

<div class="row">
    <nav role="navigation" class="nav">
        <a class="nav_link" href="services.html">
            <div class="nav_line"></div>
            PASLAUGOS
        </a> 
        <a class="nav_link" href="contacts.html">
            <div class="nav_line"></div>
            KONTAKTAI
        </a>
    </nav>
    <div class="result">
      gsdgdsgsdgdsgds gds gdsg dsg sd gds g sdgsd gdsg sd gsd
    </div>
</div>

【问题讨论】：

^^ 老兄，我看你不明白我的问题。加载方法刷新我所有的页面...
看看我更新的帖子。
好多了。试试$('.row').on("click",".nav_link",function(e){ e.preventDefault();var page = $(this).attr('href'); $('.row').load(page);});
哦，谢谢。我很惊讶 :O 谢谢谢谢谢谢。你能解释一下你改变了什么吗？

标签： jquery ajax refresh

【解决方案1】：

试试

$('.row').on("click",".nav_link",function(e){ 
  e.preventDefault(); // cancel click
  var page = $(this).attr('href');   
  $('.row').load(page);
});

因为 .on 会将点击分配给新链接

【讨论】：

$('.row').load(page); 有什么替代方案吗？我需要在整个窗口中打开新页面，我的意思是我不想将它打开到一个元素中，我想用另一个替换所有当前页面，这可能吗？
location.href=page
太好了，谢谢。看看，我这样做的原因是做一个“后退按钮”，所以我需要选择当前页面的全部内容（甚至<head>标签）并将其保存到JS数组中使用当用户单击“后退按钮”时。无论如何，你能告诉我如何选择当前页面的全部内容吗？
请问一个问题，而不是劫持这个问题:) 这不是真的相关
well my friend did..如果你有空闲，请看一下:)