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