.load()方法是局部方法，因為他需要一個包含元素的jQuery

對象作為前綴。而$.get()和$.post()是全局方法，無須指定某個元素。對于用途而言，.load()適合做靜態文件的異步獲取，而對于需要傳遞參數到服務器頁面的，$.get()和$.post()更加合適。

$get()、$,post()具體區別如下：?

1.GET 請求是通過URL 提交的，而POST 請求則是HTTP 消息實體提交的；

2.GET 提交有大小限制(2KB)，而POST 方式不受限制；

3.GET 方式會被緩存下來，可能有安全性問題，而POST 沒有這個問題；

4.GET 方式通過$_GET[]獲取，POST 方式通過$_POST[]獲取。

.load()方法可以有三個參數：url(必須，請求html

文件的url 地址，參數類型為String)、data(可選，發送的key/value

數據，參數類型為Object)、callback(可選，成功或失敗的回調函數，參數類型為函數Function)。

如果想讓Ajax 異步載入一段HTML 內容，我們只需要一個HTML 請求的url 即可。

//HTML

//jQuery

$('input').click(function () {

$('#box').load('test.html');

});

$.get()方法有四個參數，前面三個參數和.load()一樣，多了一個第四參數type，即服務器返回的內容格式：包括xml、html、script、json、jsonp

和text。第一個參數為必選參數，后面三個為可選參數。

//使用$.get()異步返回html 類型

$('input').click(function () {

$.get('test.php', {

url : 'ycku'

}, function (response, status, xhr) {

if (status == 'success') {

$('#box').html(response);

}

}) //type 自動轉為html

});

$.post()方法的使用和$.get()基本上一致，他們之間的區別也比較隱晦，基本都是背后的不同，在用戶使用上體現不出。

//使用$.post()異步返回html

$.post('test.php', {

url : 'ycku'

}, function (response, status, xhr) {

$('#box').html(response);

});

參考：李炎恢老師JQuery視頻教程中Ajax章節

?

?

總結

以上是生活随笔為你收集整理的html load方法的区别,jQuery  中的.load()、$get()、$,post()用法和区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。