jQuery load函數的作用是從服務器加載數據,并把返回的數據放入匹配元素中。如果想在加載完成后執行一些操作,就需要使用同步加載。
$.ajaxSetup({ async: false }); $("#btn").click(function() { $("#result").load("test.php"); }); $.ajaxSetup({ async: true });
上面的代碼實現了同步加載,通過將async參數設置為false,load函數會等到數據加載完成后再執行后續操作。這種加載方式的優點是能保證操作的順序,缺點是可能會因為網絡延遲導致加載時間過長。
但同步加載在當前版本的jQuery中已經被廢棄,原因是它會導致瀏覽器出現假死狀態,用戶無法進行其他操作。所以在應用中,我們應該使用異步加載。
為實現異步加載,可以在load函數中添加回調函數。回調函數會在數據加載完成后執行:
$("#btn").click(function() { $("#result").load("test.php", function() { alert("數據加載完成!"); }); });
在回調函數中可以對加載后的數據進行操作,從而實現異步加載。