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技术专栏