| 标题 | 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代码区--> //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编码即可. |
| 随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。