Onclick頁不應該重新加載

Question

嗨我怎樣才能讓我的網頁不會重新加載每次我點擊另一個鏈接？

function myFunctionD(id) { 
    var x=document.getElementById(id); 
    var myURL = "http:www.sample.php"; 
    document.location = myURL + "?t_id=" + x.id ; 
return false 
} 

HTML：

<a href="docview.php?id=26" id="3" onclick="myFunctionD('3')" target="iframe_a" >July 17, 2013</a> 

<a href="docview.php?id=26" id="4" onclick="myFunctionD('4')" target="iframe_a" >July 18, 2013</a> 

Answer 1

您可以更改目標，以打開新的標籤或窗口的鏈接。使用window.open()代替window.location

Answer 2

其實你甚至不需要使用Ajax。你可以簡單地加載其他頁面的內容在您的當前頁面jQuery的$不用彷徨功能

//Inserting a div for holding another page content. On click of button, this div will update content 
<div id="contentdiv"></div> 
<input type="button" value="Page 1 Load Content" onclick="loadContent('page1.html')"/> 
<input type="button" value="Page 2 Load Content" onclick="loadContent('page2.html')"/> 
<input type="button" value="Page 3 Load Content" onclick="loadContent('page3.html')"/> 

<script type="text/javascript"> 
    function loadContent(page) 
    { 
     //Empty contentdiv for new content and add new page content with jquery's $.get 
     $('#contentdiv').empty(); 
     $.get('http://www.example.com/'+page, function(data) { $("#contentdiv").append(data); });  
     //This will load page content in your contentdiv 
     //for more info about $.get visit this http://api.jquery.com/jQuery.get/ 
    } 
</script> 

在其他網頁，只需把要加載到contentdiv的內容。不要使用html和body標籤等製作完整的html頁面。只要你想出現在contentdiv中的內容。

Answer 3

您可以使用Ajax這樣的事情

<script type="text/javascript"> 
    $(function(){ myFunctionD('3'){ 
      var form = $(this).parent("form"); 
      $.ajax({ 
       type: "POST", 
       url: form.attr("yourform"), 
       data: form.serialize() 
      }) 

      return false; 
     }); 
    }); 
</script>