1. 程式人生 > >Ajax_使用 jQuery 實現Ajax

Ajax_使用 jQuery 實現Ajax

分享圖片 字符串 只需要 通用 狀態 位置 .get llb 實現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