jquery第二十一课,ajax之load 载入远程 HTML 文件代码并插入至 DOM 中

参考共用代码:

load 方法是将远程的html文件代码插入到对应的Dom中.

(1).load方法:load(url, [data], [callback]) 其中url是要加载的html,data是传递的参数,格式{date:value,date:value..},callback是回调函数,当加载完毕后调用该函数.

(2)load举例

存在1.html代码为

http://www.forasp.cn/

ajax的请求方法load

$("#URL").load("1.html"); 结果将"http://www.forasp.cn/"加载到上面的span中

jquery实例:参数传递,默认使用GET方式-传递附加参数时自动转换为 POST 方式

存在2.php,代码如下:

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