jquery load方法用法详解-js教程-PHP中文網

jquery load是jquery ajax中的一種功能，load可以方便快速的直接加載一個頁面到指定p中（html,php），並且它可以帶參數，下面我來給大家詳細介紹load方法用法.

格式

load(url,data,function(response,status,xhr))

如何使用data

1.載入一個php文件，該php文件不包含傳遞參數

程式碼如下	複製程式碼
$("#myID").load("test.php");

//在id為#myID的元素中導入test.php運行後的結果
2. 載入一個php文件，該php文件包含一個傳遞參數

程式碼如下

複製程式碼

$("#myID").load("test.php",{"name" : " Adam"});

//匯入的php檔案含有一個傳遞參數，類似：test.php?name=Adam

或直接

##$("# pResult").load("jqueryLoad?username=" + username + "&un="+$("#username").val()+"×tamp=" + (new Date()).getTime());

傳送參數時，必須對參數進行二次編碼操作：

程式碼如下複製程式碼


var username = encodeURI(encodeURI($("#username").val()));

#使用AJAX 請求來改變p 元素的文字：

程式碼如下複製程式碼


$("button").click(function(){ $("p").load('demo_ajax_load.txt'); });

如何使用callback

#例如我們要在load方法得到伺服器回應後，慢慢地顯示載入的內容，就可以使用callback函數。程式碼如下：

程式碼如下複製程式碼##$("#go") .click(function(){#

#範例

$("#myID").load("welcome.php", {"lname" : "Cai", "fname" : "Adam", function(){

$("#myID").fadeIn('slow');}

);

});

##程式碼如下複製程式碼


渡//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> < title>jQuery 載入方法示範