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編碼即可.
公眾號
事業單位
當前位置：
公考類
招聘類
各類考試
