js的强大功能相信大家都知晓,今天通过jquery的库函数load可以更加方便的实现页面的动态刷新,经过几天的研究与探索,终于有所成效!吾心甚蔚!
一、基本语法为:
$(‘#区域id’).load(‘页面名称’);
具体来说,此事件有4个方法,格式分别是:
1、load(url)
2、load(url,[data])
3、load(url,[callback])
4、load(url,[data],[callback])
url (String) : 待装入 HTML 网页网址。
data (Map) : (可选) 发送至服务器的 key/value 数据。
callback (Callback) : (可选) 载入成功时回调函数。
二、下面以具体实例来分析其效果:
实例1,用第一个方法加载一个文件:
$(“#box”).load(“testa.html”); //在id为box的元素里加载testa.html页面执行后的结构!
实例2,用第二个方法加载一个文件(需要参数):
$(“#box”).load(“testa.html”,{name:”bingo”,sex:”man”}); //传2个参数到testa.html页面,并在id为box的元素里加载testa.html页面执行后的结构!
实例3,用第三种方法加载一个文件:
$(“#box”).load(“testa.html”,function(){alert(“OK!”);}); //在id为box的元素里加载testa.ht