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的$ .get函数

简单地加载当前页面中其他页面的内容

 //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>

Onclick页面不应重新加载

3 个答案: