jquery第二十一課,ajax之load 載入遠(yuǎn)程 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 方法是將遠(yuǎn)程的html文件代碼插入到對應(yīng)的Dom中.
(1).load方法:load(url, [data], [callback]) 其中url是要加載的html,data是傳遞的參數(shù),格式{date:value,date:value..},callback是回調(diào)函數(shù),當(dāng)加載完畢后調(diào)用該函數(shù).
(2)load舉例
存在1.html代碼為
<html>
<body>
<b>http://www.forasp.cn/</b>
</body>
</html>
ajax的請求方法load
$("#URL").load("1.html"); 結(jié)果將"<b>http://www.forasp.cn/</b>"加載到上面的span中
jquery實例:參數(shù)傳遞,默認(rèn)使用GET方式-傳遞附加參數(shù)時自動轉(zhuǎn)換為 POST 方式
存在2.php,代碼如下:
<?echo $_POST["foraspcnurl"];?>
ajax請求方法load
$("#URL").load("2.php",{foraspcnurl:"forasp.cn"});這樣將foraspcnurl參數(shù)值為forasp.cn傳遞過去.在2.php接收輸出后,加載到span中
jquery實例:參數(shù)傳遞+回調(diào)函數(shù)
使用2.php,ajax請求如下:
$("#URL").load("2.php",{foraspcnurl:"forasp.cn"},function(){alert("執(zhí)行完畢");});效果跟上面的一樣只是最后彈出窗口"執(zhí)行完畢".
在load中的html中的調(diào)用當(dāng)使用中文時出現(xiàn)亂碼,目前沒有解決,網(wǎng)上使用utf-8編碼即可.