jQuery中的.load()方法是一個非常方便的方法,可以幫助我們輕松的獲取數據。在使用該方法時,我們需要定義一個URL地址,并指定一個選擇器,然后我們就可以將指定URL中的HTML代碼加載到我們的網頁上。
$(selector).load(URL, data, callback);
該方法包含了三個參數:
- URL:需要獲取的數據的URL地址。
- data:可以傳遞的數據。
- callback:一個可選的回調函數,當加載完成后執行該函數。
在使用.load()方法時,我們可以使用選擇器來指定我們需要獲取的數據。比如說,如果我們需要獲取ID為"content"的div的HTML代碼,我們可以這樣寫:
$('#content').load('example.html #target');
在上面的例子中,我們指定了URL為example.html,#target則是我們需要獲取的數據所在的選擇器。這段代碼將會把example.html頁面中ID為target的元素加載到我們的頁面中。
如果我們需要傳遞一些數據給服務器,我們可以在.load()方法中使用數據對象。比如說,我們需要將數據"key=value"傳遞給服務器:
$('#content').load('example.html', {key: "value"});
在上述例子中,我們簡單地將一個數據對象傳遞給了服務器。如果需要傳遞更多的數據,可以將數據對象擴展。
最后,我們可以在.load()方法中指定一個回調函數:
$('#content').load('example.html', function() { alert('Content loaded!'); });
在上述例子中,我們定義了一個回調函數,當數據加載完成時彈出一個提示框。
下一篇vue現實與夢想