jQuery之ajax請求之load
來源:易賢網 閱讀:1473 次 日期:2014-08-13 16:28:02
溫馨提示:易賢網小編為您整理了“jQuery之ajax請求之load”,方便廣大網友查閱!

jquery第二十一課,ajax之load 載入遠程 HTML 文件代碼并插入至 DOM 中

參考共用代碼:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD><TITLE>jquery特效處理-前臺代碼</TITLE>

<script language="javascript" src="jquery-1.4.2.min.js"></script>

<SCRIPT language="javascript">

$(function(){//<!--www.forasp.cn jquery代碼區(qū)-->

//ajax代碼區(qū)  

 });

</SCRIPT>

<BODY>

<span id="URL"></span>

</BODY>

</HTML>

load 方法是將遠程的html文件代碼插入到對應的Dom中.

(1).load方法:load(url, [data], [callback]) 其中url是要加載的html,data是傳遞的參數(shù),格式{date:value,date:value..},callback是回調函數(shù),當加載完畢后調用該函數(shù).

(2)load舉例

存在1.html代碼為

<html>

<body>

<b>http://www.forasp.cn/</b>

</body>

</html> 

ajax的請求方法load

$("#URL").load("1.html"); 結果將"<b>http://www.forasp.cn/</b>"加載到上面的span中

jquery實例:參數(shù)傳遞,默認使用GET方式-傳遞附加參數(shù)時自動轉換為 POST 方式

存在2.php,代碼如下:

<?echo $_POST["foraspcnurl"];?>

ajax請求方法load

$("#URL").load("2.php",{foraspcnurl:"forasp.cn"});這樣將foraspcnurl參數(shù)值為forasp.cn傳遞過去.在2.php接收輸出后,加載到span中

jquery實例:參數(shù)傳遞+回調函數(shù)

使用2.php,ajax請求如下:

$("#URL").load("2.php",{foraspcnurl:"forasp.cn"},function(){alert("執(zhí)行完畢");});效果跟上面的一樣只是最后彈出窗口"執(zhí)行完畢".

在load中的html中的調用當使用中文時出現(xiàn)亂碼,目前沒有解決,網上使用utf-8編碼即可.

更多信息請查看IT技術專欄

更多信息請查看腳本欄目
易賢網手機網站地址:jQuery之ajax請求之load
關于我們 | 聯(lián)系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權所有:易賢網