Открыть ссылку без повторной загрузки страницы

Question

Когда я нажимаю на ссылку, я хочу, чтобы page2.html появлялся без какой-либо перезагрузки текущей страницы. Несмотря на все испытания, когда я нажимаю на ссылку она перезагружать всю страницу перед отображением page2.html

<script> 
 
    $(document).ready(function() { 
 
    $("a").click(function(event) { 
 
     var $this = $(this), 
 
     url = $this.data("url"); 
 

 
     $(document.body).load(url); 
 
     event.preventDefault(); 
 
    }); 
 
    }); < /script>

homepage.html

<a href="#" data-url="page2.html" 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>

Answer 1

$("a").click(function() { 
var $this = $(this), 
    href = $this.attr("href"); 

$(document.body).load(href); 

location.href = "#" + href; 
}); 

Для получения более подробной информации см. jQuery.fn.load.

Answer 2

Попробуйте один

$("a").click(function(){ 
    var myhref = $(this).attr('href'); 
    $('#content').load(myhref); 
    return false; 
}); 

<a href="page2.html">Load page2.html</a> 
<div id="content">Hello world!</div> 

Answer 3

попробуйте этот код будет работать

$(document).ready(function() { 
      $("a").click(function (event) { 
       var $this = $(this), 
        url = $this.data("url"); 

       $(document.body).load(url); 
       event.preventDefault(); 
      }); 
     }); 

проблема с кодом Digital, является то, что он не использует функцию данных, чтобы получить URL, а когда мы нажмем на то действие по умолчанию для якоря будет вызвано, поэтому нам нужно остановить действие по умолчанию, поэтому я использовал event.preventDefault();

также всегда поместить ваш код Jquery между $ (документ) .ready блок