Ajax_使用 jQuery 實現Ajax
【jQuery中的Ajax】
1.jQuery對Ajax操作進行了封裝,在jQuery中最底層的方法時 $.ajax()。第二層是 load() , $.get() 和 $.post(),第三層是 $.getScript() 和 $.getJSON()。
詳情請查看jQurey的API。
【load()方法】
1.load()方法時jQuery中最簡單和常用的Ajax方法,能載入遠程的HTML代碼並插入到DOM中,它的結構是:load(url [,data] [,callback])
2.程序員只需要使用jQurey選擇器為HTML片段指定目標位置,然後將要加載的文件的url作為參數傳遞給load()方法即可。
3.load()方法-----細節
(1)如果只需要加載目標HTML頁面內的某些元素,則可以通過load()方法的URL參數來達到目的。通過URL參數指定選擇符,就可以方便的從加載過來的HTML文檔中選出所需要的內容,load()方法的URL參數的語法結構為“url selector”(註意:url的選擇器之間有一個空格)
(2)傳遞方式:load()方法的傳遞參數根據參數data來自動自定,如果沒有參數傳遞,采用GET方式傳遞,否則采用POST方式。
(3)對於必須在加載完才能繼續的操作,laod()方法提供了回調函數,該函數由三個參數:代表請求返回內容的data;代表請求狀態的textStatus對象和XMLHttpoRequest對象
【小結】
1.什麽是Ajax?
不用刷新頁面,但可以和服務器通信的方式。使用Ajax的主要方式是XMLHttpRequest對象。
2.使用XMLHttpRequest對象實現Ajax[了解]。
3.Ajax傳輸數據的3中方式:
1)XML:笨重,解析困難,但 XML 是通用的數據交換格式。
2)HTML:不需要解析可以直接放到文檔中,若僅更新一部分區域,但傳輸的數據不是很方便,且HTML代碼需要拼裝完成。
3)JSON:小巧,有面向對象的特征,且有很多第三方的jar包可以把Java對象或集合轉為JSON字符串。
4.使用jQuery完成Ajax操作
1)load()方法:可以用於HTML文檔的元素節點,把結果直接加為對應節點的子元素,通常而言,load()方法加載完後數據是一個HTML片段。
var $obj = ...
var url = ...
var args = {key:value,...}
$obj.load(url,args);
2) $.get,$.post,$.getJSON:更加靈活,出去使用load的方法情況,大部分時候都使用這三個方法。
I。基本使用
//url:Ajax請求的目標URL
//args:傳遞的參數:JSON格式
//data:Ajax響應成功後的數據,可能是XML,HTML,JSON
$.get(url,args,function(data){
})
II。請求JSON數據
$.get(url,args,function(data){
},"JSON");
$.post(url,args,function(data){
},"JSON");
$.getJSON(url,args,function(data){
})
Ajax_使用 jQuery 實現Ajax