定义和用法
load() 方法通过 AJAX 请求从服务器加载数据,并把返回的数据放置到指定的元素中。
注释:还存在一个名为 load 的 jQuery 事件方法。调用哪个,取决于参数。
语法
load(url,data,function(response,status,xhr))
参数 | 描述 |
---|---|
url | 规定要将请求发送到哪个 URL。 |
data | 可选。规定连同请求发送到服务器的数据。 |
function(response,status,xhr) |
可选。规定当请求完成时运行的函数。 额外的参数:
|
例子 1
加载 feeds.html 文件内容:
$("#feeds").load("feeds.html");
例子 2
与上面的实例类似,但是以 POST 形式发送附加参数并在成功时显示信息:
$("#feeds").load("feeds.php", {limit: 25}, function(){ alert("The last 25 entries in the feed have been loaded"); });
例子 3
加载文章侧边栏导航部分至一个无序列表:
HTML 代码:
<b>jQuery Links:</b> <ul id="links"></ul>
加载页面片段
.load() 方法,与 $.get() 不同,允许我们规定要插入的远程文档的某个部分。这一点是通过 url 参数的特殊语法实现的。如果该字符串中包含一个或多个空格,紧接第一个空格的字符串则是决定所加载内容的 jQuery 选择器。
我们可以修改上面的例子,这样就可以使用所获得文档的某部分:
$("#result").load("ajax/test.html #container");
如果提供回调函数,则会在执行 post-processing 之后执行该函数:
$("#result").load("ajax/test.html", function() { alert("Load was performed."); });
var RightHtml = "ApplyForms"; //通过controller url来加载页面 function RightContent() { //leftStep(); $('.processRight .conten').load('/OpenFlowManager/OpenFlowForms/' + RightHtml + ''); } //页面内正常调用加载页面标签值及方法 function GetUrlfunction(){ var de = $('#btn_file').val();//内页标签 alert(de); getname();//加载页方法 }