点击一个链接或点击提交，而无需刷新

我都头，main_content，页脚，左，右内容点击一个链接或点击提交，而无需刷新

我右边的内容具有随机链接

我不希望我的权利内容是刷新当我点击一个随机链接和main_content将是输出

是否有可能是一个网页，而不刷新页面，当你点击一个链接或点击提交按钮，仍然可以看到你的浏览器上的网址你点击了？那怎么办？

谢谢！

来源

2011-03-18 user634850

它被称为AJAX：http://api.jquery.com/jQuery.ajax/添加更多关于您的场景的细节以获得更详细的答案。 – fabrik 2011-03-18 12:51:02

这里，请尝试以下

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

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

来源

2011-03-18 12:51:14 Starx

只是一个基于标题的答案;） – Starx 2011-03-18 12:59:40

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

1）定位您的形式隐藏的iframe

2）使用AJAX

来源

2011-03-18 12:55:35

恕我直言，AJAX应该是你的第一选择，而不是内联框。 – 2011-03-18 12:57:17

阿贾克斯帮助你就是这么做的。所以骨架将会像这样工作 - 当你提交一个链接时，使用Ajax发布到服务器端的页面不会被刷新。 Ajax本质上是一个提交给后端的xmlhttprequest。您可能会决定把代码自己的XMLHttpRequest或采取jQuery的路线（DEF，最简单的2.你选择你的战场，对吧？）

这里有一些帮助，使用jQuery http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/

来源

2011-03-18 12:57:29

绑定的事件处理程序你的元素是这样的：

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

了解更多关于jQuery的AJAX solution

来源

2011-03-18 12:57:33 fabrik

当您尝试调用javascript函数这样的页面不刷新：

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

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

来源

2013-05-15 21:39:05 arturo

此答案是基于标题。

点击一个链接（纯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。

来源

2013-10-15 15:12:52

点击一个链接或点击提交，而无需刷新

回答

相关问题