jquery.get和load是jquery中常用的兩個(gè)ajax方法,本文將介紹它們的基本使用及區(qū)別。
首先,jquery.get方法是通過HTTP GET請求從服務(wù)器獲取數(shù)據(jù)。它的基本語法為:
$.get(url, [data], [callback], [dataType]);
其中,url為必填項(xiàng),指定要獲取數(shù)據(jù)的服務(wù)器地址;data是可選參數(shù),用于發(fā)送到服務(wù)器的數(shù)據(jù)。callback是在請求成功后執(zhí)行的函數(shù),用于處理返回的數(shù)據(jù);dataType則指定返回的數(shù)據(jù)類型,可選項(xiàng)包擇'xml'、'html'、'script'、'json'、'jsonp'和'text'。
示例代碼如下:
$.get("test.php", function(data, status){ alert("Data: " + data + "\nStatus: " + status); });
而jquery.load方法可以更加方便地從服務(wù)器獲取數(shù)據(jù)并將其插入到網(wǎng)頁元素中。其語法為:
$(selector).load(url, [data], [callback]);
其中,selector為必填項(xiàng),指定將獲取的數(shù)據(jù)插入到哪個(gè)元素中;url和data參數(shù)的含義與jquery.get一致;callback為可選項(xiàng),表示插入數(shù)據(jù)成功后要執(zhí)行的函數(shù)。
示例代碼如下:
$("#div1").load("test.php", function(responseTxt, statusTxt, xhr){ if(statusTxt == "success") alert("External content loaded successfully!"); if(statusTxt == "error") alert("Error: " + xhr.status + ": " + xhr.statusText); });
綜上所述,造作中的區(qū)別是jquery.get方法只獲取數(shù)據(jù)并由開發(fā)者自行處理,而load方法則預(yù)定義了數(shù)據(jù)的插入位置,更加方便使用。