在上一篇隨筆中說到了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就可以了。