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代碼區-->
//ajax代碼區
});
</SCRIPT>
<BODY>
<span id="URL"></span>
</BODY>
</HTML>
load 方法是將遠程的html文件代碼插入到對應的Dom中.
(1).load方法:load(url, [data], [callback]) 其中url是要加載的html,data是傳遞的參數,格式{date:value,date:value..},callback是回調函數,當加載完畢后調用該函數.
(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實例:參數傳遞,默認使用GET方式-傳遞附加參數時自動轉換為 POST 方式
存在2.php,代碼如下:
<?echo $_POST["foraspcnurl"];?>
ajax請求方法load
$("#URL").load("2.php",{foraspcnurl:"forasp.cn"});這樣將foraspcnurl參數值為forasp.cn傳遞過去.在2.php接收輸出后,加載到span中
jquery實例:參數傳遞+回調函數
使用2.php,ajax請求如下:
$("#URL").load("2.php",{foraspcnurl:"forasp.cn"},function(){alert("執行完畢");});效果跟上面的一樣只是最后彈出窗口"執行完畢".
在load中的html中的調用當使用中文時出現亂碼,目前沒有解決,網上使用utf-8編碼即可.
更多信息請查看IT技術專欄
公眾號
事業單位
當前位置：
公考類
招聘類
各類考試
