JQ学习(三)-ajax
生活随笔
收集整理的這篇文章主要介紹了
JQ学习(三)-ajax
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
jQuery - AJAX
jQuery load() 方法
jQuery load() 方法是簡單但強大的 AJAX 方法。
load() 方法從服務器加載數據,并把返回的數據放入被選元素中。
語法:
$(selector).load(URL,data,callback);jQuery get() 和 post() 方法用于通過 HTTP GET 或 POST 請求從服務器請求數據。
HTTP 請求:GET vs. POST
兩種在客戶端和服務器端進行請求-響應的常用方法是:GET 和 POST。
- GET - 從指定的資源請求數據
- POST - 向指定的資源提交要處理的數據
jQuery $.get() 方法
$.get() 方法通過 HTTP GET 請求從服務器上請求數據。
語法:
$.get(URL,callback);必需的 URL 參數規定您希望請求的 URL。
可選的 callback 參數是請求成功后所執行的函數名。
下面的例子使用 $.get() 方法從服務器上的一個文件中取回數據:
實例
$("button").click(function(){$.get("demo_test.asp",function(data,status){alert("Data: " + data + "\nStatus: " + status);}); });jQuery $.post() 方法
$.post() 方法通過 HTTP POST 請求從服務器上請求數據。
語法:
$.post(URL,data,callback);必需的 URL 參數規定您希望請求的 URL。
可選的 data 參數規定連同請求發送的數據。
可選的 callback 參數是請求成功后所執行的函數名。
下面的例子使用 $.post() 連同請求一起發送數據:
實例
$("button").click(function(){$.post("demo_test_post.asp",{name:"Donald Duck",city:"Duckburg"},function(data,status){alert("Data: " + data + "\nStatus: " + status);}); });jQuery Ajax 操作函數
jQuery 庫擁有完整的 Ajax 兼容套件。其中的函數和方法允許我們在不刷新瀏覽器的情況下從服務器加載數據。下面大部分函數都用不上
| jQuery.ajax() | 執行異步 HTTP (Ajax) 請求。 |
| .ajaxComplete() | 當 Ajax 請求完成時注冊要調用的處理程序。這是一個 Ajax 事件。 |
| .ajaxError() | 當 Ajax 請求完成且出現錯誤時注冊要調用的處理程序。這是一個 Ajax 事件。 |
| .ajaxSend() | 在 Ajax 請求發送之前顯示一條消息。 |
| jQuery.ajaxSetup() | 設置將來的 Ajax 請求的默認值。 |
| .ajaxStart() | 當首個 Ajax 請求完成開始時注冊要調用的處理程序。這是一個 Ajax 事件。 |
| .ajaxStop() | 當所有 Ajax 請求完成時注冊要調用的處理程序。這是一個 Ajax 事件。 |
| .ajaxSuccess() | 當 Ajax 請求成功完成時顯示一條消息。 |
| jQuery.get() | 使用 HTTP GET 請求從服務器加載數據。 |
| jQuery.getJSON() | 使用 HTTP GET 請求從服務器加載 JSON 編碼數據。 |
| jQuery.getScript() | 使用 HTTP GET 請求從服務器加載 JavaScript 文件,然后執行該文件。 |
| .load() | 從服務器加載數據,然后把返回到 HTML 放入匹配元素。 |
| jQuery.param() | 創建數組或對象的序列化表示,適合在 URL 查詢字符串或 Ajax 請求中使用。 |
| jQuery.post() | 使用 HTTP POST 請求從服務器加載數據。 |
| .serialize() | 將表單內容序列化為字符串。 |
| .serializeArray() | 序列化表單元素,返回 JSON 數據結構數據。 |
轉載于:https://www.cnblogs.com/lsgsanxiao/p/5121973.html
總結
以上是生活随笔為你收集整理的JQ学习(三)-ajax的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Extension延展(十八)
- 下一篇: 使用request简单爬虫