html load方法的区别,jQuery 中的.load()、$get()、$,post()用法和区别
.load()方法是局部方法,因為他需要一個包含元素的jQuery
對象作為前綴。而$.get()和$.post()是全局方法,無須指定某個元素。對于用途而言,.load()適合做靜態(tài)文件的異步獲取,而對于需要傳遞參數(shù)到服務(wù)器頁面的,$.get()和$.post()更加合適。
$get()、$,post()具體區(qū)別如下:?
1.GET 請求是通過URL 提交的,而POST 請求則是HTTP 消息實(shí)體提交的;
2.GET 提交有大小限制(2KB),而POST 方式不受限制;
3.GET 方式會被緩存下來,可能有安全性問題,而POST 沒有這個問題;
4.GET 方式通過$_GET[]獲取,POST 方式通過$_POST[]獲取。
.load()方法可以有三個參數(shù):url(必須,請求html
文件的url 地址,參數(shù)類型為String)、data(可選,發(fā)送的key/value
數(shù)據(jù),參數(shù)類型為Object)、callback(可選,成功或失敗的回調(diào)函數(shù),參數(shù)類型為函數(shù)Function)。
如果想讓Ajax 異步載入一段HTML 內(nèi)容,我們只需要一個HTML 請求的url 即可。
//HTML
//jQuery
$('input').click(function () {
$('#box').load('test.html');
});
$.get()方法有四個參數(shù),前面三個參數(shù)和.load()一樣,多了一個第四參數(shù)type,即服務(wù)器返回的內(nèi)容格式:包括xml、html、script、json、jsonp
和text。第一個參數(shù)為必選參數(shù),后面三個為可選參數(shù)。
//使用$.get()異步返回html 類型
$('input').click(function () {
$.get('test.php', {
url : 'ycku'
}, function (response, status, xhr) {
if (status == 'success') {
$('#box').html(response);
}
}) //type 自動轉(zhuǎn)為html
});
$.post()方法的使用和$.get()基本上一致,他們之間的區(qū)別也比較隱晦,基本都是背后的不同,在用戶使用上體現(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()用法和区别的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 计算机科学与技术的深度研究,专业深度分析
- 下一篇: 计算机术语表达祝福,考研祝福| | 计算