显示从另一个PHP页面，而页面重载

Question

一个链接所以基本上我有一个链接为div在第1页

<a href="/computing/abc/page2.php" class="topic-list-item"> 

    <h3 class="topic-title">Internet Protocol Basics</h3> 

    <div class="topic-description-text"> 
     Learn how Internet Protocol is used 
    </div> 
</a> 

当我点击它被重新加载页面打开页面2 div。

我希望第2页的新内容在没有任何重新加载的情况下显示，同时这也改变了我的网址。

这可能吗？

Answer 1

HTML：

禁用您<a>标记，因为你会改为发送加载了新的一页的一个Ajax请求

<a href="#" data-url="/computing/abc/page2.php" class="topic-list-item"> 

    <h3 class="topic-title">Internet Protocol Basics</h3> 

    <div class="topic-description-text"> 
     Learn how Internet Protocol is used 
    </div> 
</a> 

JS（jQuery的）：

绑定click事件来执行你的ajax调用，然后将您的服务器发回的HTML设置到您想要的位置。

$("a").click(function(){ 
    $.ajax({ 
     url: $(this).data("url"), 
     method: 'get', 
     success: function(data){ 
     $("#targetContainer").html(data); 
     } 
    }) 
    }); 

的success函数的参数将是你的服务器发回的/computing/abc/page2.php页。您可以将其设置在您需要的页面上（在$("#targetContainer")之内）。

见Modify the URL without reloading the page的URL修改不重装