Jquery簡單地實現ajax

最近用到了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爲什麼不能正確解析

郵箱: [email protected]

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章