HTML中href的鏈接刷新頁面問題

  在上一篇随笔中说到了html()方法不能一直改变标签的值的问题,当单击完成时,回调函数返回的值瞬间就没有了,今天突然想到了,我单击的是链接啊,就算链接到本界面上,也要进行刷新,页面一刷新,显示的值自然就没有了,于是,我把单击链接的标签改为单击按钮触发事件,单击按钮是不会刷新页面的,所以,再使用html方法,标签的值就改变了。

 

<script type="text/javascript">
    $(document).ready(function(){
     $("a").click(function(){
        var c_url = 'http://localhost/test/check.php'; 
        var jj;
        $.post("check.php",{},function(data){jj=data;$("#tname").html(data);});
                
                                });                        
                    });
                                        
    </script>
<div>
    <a href="">我是链接</a>
    <button>按钮</button>
    <p>json:<span id="tname"></span></p>
</div>

  如上,当href为空时,是进行刷新的。

  但是我就想单击链接不刷新界面而改变标签的值怎么辦,需要在定义链接的时候做如下改变。其中任意一种方法都是可以的。

  

<a href="#">url</a> 
<a href="##">url</a>
<a href="####">url</a>
<a href="" onclick="return false" >url</a>     
<a href="javascript:void(0)" >url</a>
<a href="javascript:;" >url</a>
<a href="#all" >url</a> 

  还是不建议使用<a href="javascript:void(0)" >url</a>这种方法,可能会引起一些问题,安全起见,href="#",然后return false就可以了。

  

更多相关文章
  •     做网页经常要和JavaScript打交道,经常要用JavaScript做一些客户端的验证,但是如果我们的按钮用的是HTML控件的话,验证通过后无法调用后台代码,如果用服务器端控件,验证不通过有要刷新页面,这个
  • 在.net mvc中用Ajax.BeginForm来实现异步提交,在Ajax.BeginForm里面还是可以用submit按钮,一般来说 submit按钮是提交整个页面的数据.但是在Ajax.BeginForm里面使
  • 该方法可以兼容多种浏览器,至少具体可以兼容多少种,没有实际考证过.本方法源于别处,具体什么地方,由于时间比较长,忘记了.分享这个方法是因为我自己觉得该方法比较实用,在项目是时候,当时我已经找了几种解决回退键刷新页面问
  • 我们在制作网页的时候用得最多的就是 A 标签 超连接 但有时候需要在 A 里同时用到 href 和 onclick属性 下面我们先来分析一下 ,在不同的浏览器下有不同的效果 1 顺序 ie 6 : href 先触发
  • windows 7安裝後啟動xampp, 提示port 443 被其他程式占用. 網上查找解決方案: http://stackoverflow.com/questions/21182512/how-to-stop-vmware-port-error-of-443-on-xampp-control-p
  • 在Update Panel 中 如果使用timer 定时刷新数据,会造成textbox 或者其他控件的焦点丢失问题.   所以 text box 不能和timer 放在同一个Updatepanel 中.   建议放在
  • VMware中Ubuntu 14.04出現Unknown Display問題解決
    如需转载请标明出处:http://blog.csdn.net/itas109 QQ技术交流群:129518033   今天安装完Ubuntu 14.04后,在虚拟机中显示不全,本来调节一下屏幕分辨率就可以解决问题,结果出现Unknown Display如下图所示: 也就是说,无法通过设置调节屏幕分辨
  • 在ASP.NET MVC 4 on Mono中使用OracleClient in CentOS 6.x的问题记录 前言 最近有个Web项目,业务功能不复杂,但是这个客户(某政府部门)有两个硬性要求:1.数据库必须使用Oracle:2.程序必须运行在Linux或HP-Unix系统中.虽然把.NET程序 ...
一周排行
  • 


    		    DELL RAID卡管理工具 MegaRAID Storage Manager(偏重RAID常用管理命令)
    前言: 业务生产中大部分服务器RAID控制器使用的LSI产品,例如服务器:DELL.IBM ...
  • <中级perl>主要讲引用.复杂数据结构.面向对象以及如何写出中等规模的perl程序,另外还介绍了很多关于构件模块的内容.进入<中级perl>之前,先巩固一下必要的预备知识. 注:基础perl ...
  • NhibernateSchemaExport工具的使用(一)——通過映射文件修改數據表
    目录 写在前面 文档与系列文章 SchemaExport工具 SchemaUpdate工具
  • 


    		    H3C ipv6
    ipv6地址配置命令 ·使能IPv6报文转发功能 [RTA]ipv6 ·配置接口使用IPv
  • 上一节从代码层面来讲解了fwaas的流程,这里通过具体查看iptables规则来说下应用规则的流程: 1.首先通过命令获取当前路由中的规则 #ip netns exec qrouter-[router-uuid] i
  • 


    		    個人對portal和portlet開發的認識
    虽然是以前的一篇文章,不过,知识不是过时的,特别是最近html5的火热发展,还是拿出来给大
  • 2013年3月5日 星期二 3月10日整理笔记 一.创建用户chenglong [[email protected] ~]# useradd chenglong [[email protected] ~]# vi /etc/sh
  • Android Studio中導入JNI生成的.so庫
    由于在原来的ADT的Eclipse环境中,用ndk_build工具生成了相应的各个.so库
  • 解决方案: 1.修改phpmyadmin 下的config.inc.php中的 $cfg['Servers'][$i]['password'] = '';选项 加上密码 $cfg['Servers'][$i]['pa
  • 145 is a curious number, as 1! + 4! + 5! = 1 + 24 + 120 = 145. Find the sum of all numbers which are equal t ...