1. 程式人生 > >jQuery基礎(Ajax,load(),getJSON(),getScript(),post(),ajax(),同步/異步請求數據)

jQuery基礎(Ajax,load(),getJSON(),getScript(),post(),ajax(),同步/異步請求數據)

發送請求 它的 fun 使用 json格式 單元素 生成 set log

1.使用load()方法異步請求數據

使用load()方法通過Ajax請求加載服務器中的數據,並把返回的數據放置到指定的元素中,它的調用格式為: load(url,[data],[callback]) 參數url為加載服務器地址,可選項data參數為請求時發送的數據,callback參數為數據請求成功後,執行的回調函數。 技術分享技術分享

2.使用getJSON()方法異步加載JSON格式數據

使用getJSON()方法可以通過Ajax異步請求的方式,獲取服務器中的數據,並對獲取的數據進行解析,顯示在頁面中,它的調用格式為: jQuery.getJSON(url,[data],[callback])或$.getJSON(url,[data],[callback])
其中,url參數為請求加載json格式文件的服務器地址,可選項data參數為請求時發送的數據,callback參數為數據請求成功後,執行的回調函數。 技術分享技術分享

個人寫的 技術分享技術分享

2.使用getScript()方法異步加載並執行js文件

使用getScript()方法異步請求並執行服務器中的JavaScript格式的文件,它的調用格式如下所示: jQuery.getScript(url,[callback])或$.getScript(url,[callback]) 參數url為服務器請求地址,可選項callback參數為請求成功後執行的回調函數。 技術分享
技術分享

3.使用get()方法以GET方式從服務器獲取數據

使用get()方法時,采用GET方式向服務器請求數據,並通過方法中回調函數的參數返回請求的數據,它的調用格式如下: $.get(url,[callback]) 參數url為服務器請求地址,可選項callback參數為請求成功後執行的回調函數。 技術分享技術分享

4.使用post()方法以POST方式從服務器發送數據

與get()方法相比,post()方法多用於以POST方式向服務器發送數據,服務器接收到數據之後,進行處理,並將處理結果返回頁面,調用格式如下: $.post(url,[data],[callback])
參數url為服務器請求地址,可選項data為向服務器請求時發送的數據,可選項callback參數為請求成功後執行的回調函數。 技術分享技術分享

5.使用serialize()方法序列化表單元素值

使用serialize()方法可以將表單中有name屬性的元素值進行序列化,生成標準URL編碼文本字符串,直接可用於ajax請求,它的調用格式如下: $(selector).serialize() 其中selector參數是一個或多個表單中的元素或表單元素本身。 技術分享技術分享

6.使用ajax()方法加載服務器數據

使用ajax()方法是最底層、功能最強大的請求服務器數據的方法,它不僅可以獲取服務器返回的數據,還能向服務器發送請求並傳遞數值,它的調用格式如下: jQuery.ajax([settings])或$.ajax([settings]) 其中參數settings為發送ajax請求時的配置對象,在該對象中,url表示服務器請求的路徑,data為請求時傳遞的數據,dataType為服務器返回的數據類型,success為請求成功的執行的回調函數,type為發送數據請求的方式,默認為get。 技術分享技術分享

7.使用ajaxSetup()方法設置全局Ajax默認選項

使用ajaxSetup()方法可以設置Ajax請求的一些全局性選項值,設置完成後,後面的Ajax請求將不需要再添加這些選項值,它的調用格式為: jQuery.ajaxSetup([options])或$.ajaxSetup([options]) 可選項options參數為一個對象,通過該對象設置Ajax請求時的全局選項值。 技術分享技術分享

8.使用ajaxStart()和ajaxStop()方法

ajaxStart()和ajaxStop()方法是綁定Ajax事件。ajaxStart()方法用於在Ajax請求發出前觸發函數,ajaxStop()方法用於在Ajax請求完成後觸發函數。它們的調用格式為: $(selector).ajaxStart(function())和$(selector).ajaxStop(function()) 其中,兩個方法中括號都是綁定的函數,當發送Ajax請求前執行ajaxStart()方法綁定的函數,請求成功後,執行ajaxStop ()方法綁定的函數。 技術分享技術分享

jQuery基礎(Ajax,load(),getJSON(),getScript(),post(),ajax(),同步/異步請求數據)