在上一篇随笔中说到了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就可以了。
时间: 2024-10-14 03:19:32