.load()方法是局部方法，因?yàn)樗枰粋€(gè)包含元素的jQuery

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

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

1.GET 請(qǐng)求是通過(guò)URL 提交的，而POST 請(qǐng)求則是HTTP 消息實(shí)體提交的；

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

3.GET 方式會(huì)被緩存下來(lái)，可能有安全性問(wèn)題，而POST 沒(méi)有這個(gè)問(wèn)題；

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

.load()方法可以有三個(gè)參數(shù)：url(必須，請(qǐng)求html

文件的url 地址，參數(shù)類(lèi)型為String)、data(可選，發(fā)送的key/value

數(shù)據(jù)，參數(shù)類(lèi)型為Object)、callback(可選，成功或失敗的回調(diào)函數(shù)，參數(shù)類(lèi)型為函數(shù)Function)。

如果想讓Ajax 異步載入一段HTML 內(nèi)容，我們只需要一個(gè)HTML 請(qǐng)求的url 即可。

//HTML

//jQuery

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

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

});

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

和text。第一個(gè)參數(shù)為必選參數(shù)，后面三個(gè)為可選參數(shù)。

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

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

$.get('test.php', {

url : 'ycku'

}, function (response, status, xhr) {

if (status == 'success') {

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

}

}) //type 自動(dòng)轉(zhuǎn)為html

});

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

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

$.post('test.php', {

url : 'ycku'

}, function (response, status, xhr) {

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

});

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

?

?

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。