最近用到了ajax,看了jquery的文檔,實現了,記錄一下。
需求
我實現當點擊按鈕的時候,讓本頁面的其他的部分刷新內容。向服務器發送GET請求,算是ajax裏面最簡單的情況。
方法
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("#div").load(url);
});
});
</script>
這是Jquery最簡單的辦法,給button寫一個點擊事件,當點擊的時候,在另外的區域加載從服務器請求來的頁面內容。
但是,我遇到了一個問題,就是我從服務器請求來的html加載時不能正確的解析 ,以我小白的水平,實在是解決不了。
於是乎,我換了另外一種稍微複雜一點的方法:
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$.get(url, function(data){
$("#div").html(data);
});
})
});
</script>
這樣的方法完美的實現了,當然第一種方法要是不出問題的話,還是最好的。這個方法也比較簡單,很好理解,先使用$.get
方法從服務器獲得要加載的頁面,然後使用$(select).html(html);
方法加載頁面。因爲$(select).html(html);
方法不能遠程加載數據,也就是說不能訪問服務器,所以就分了兩步來實現。
還不算難,哪位大神幫我回答一下load方法加載html爲什麼不能正確解析,