Question

我有标题，主要内容，页脚，右侧和左侧内容

我正确的内容有一个随机链接

单击随机链接时，我不希望刷新正确的内容而main_content将是输出

当您点击链接或点击提交按钮时，网页是否可能没有刷新页面，您仍然可以在浏览器上看到您点击的网址？怎么做？

谢谢！

Answer 1

在这里，试试这些

<a href="#"> Your Link </a>

<input type="submit" onClick"return false;" />

Answer 2

有两种方法可以做到这一点：

1）将表单定位到隐藏的iframe

2）使用AJAX

Answer 3

Ajax可以帮助您做到这一点。所以骨架会像这样工作 - 当您提交链接时，使用Ajax发布到服务器端，并且页面不会刷新。 Ajax本质上是提交给后端的xmlhttprequest。您可以决定手动编写自己的xmlhttprequest代码或者使用jquery路径（def，最简单的2.你选择你的战斗吧？）

以下是使用jquery http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/

的一些帮助

Answer 4

将事件处理程序绑定到您的元素，如下所示：

$('#yourBtn').live('click', function(e){
    //do the AJAX thingy
    e.preventDefault();
}

详细了解jQuery的AJAX solution

Answer 5

尝试调用javascript函数时，页面不会刷新像这样：

<a href="javascript:func()"> Your Link </a>

<form action="javascript:func()" method="post">

Answer 6

这个答案基于标题。

点击链接（纯javascript）：

<a href="javascript:functionName()"> Your Link </a>
<script type=text/javascript">
    function functionName(){
        // Do the job...
        return false;
    }
</script>

点击链接（使用jQuery）：

<a id="myId" href="#"> Your Link </a>
<script type=text/javascript">
    $(document).ready(function(){
        $("#myId").on("click", function(){
            // DO the job...
            return false;
        });
    });
</script>

换句话说，为你的链接设置一个点击监听器，并在监听器的函数内部返回false。

您可以以相同的方式避免提交按钮的刷新页面功能。

另一个stackoverflow discussion。

单击链接或单击提交而不刷新

6 个答案: