jQuery methodi ya load()
Mifano
Tumia tafiti ya AJAX kuwinga ya matukio ya div:
$("button").click(function(){
$("div").load('demo_ajax_load.txt');
});
Ufafanuzi na Matumizi
load() mtuwa wa AJAX wa kutumia data kutoka kwa server, na kuweka data hii katika elementi ya kufikia.
Madoa:ina kwa uchezea kama load ya jQuery matukiomtu wote unaingia, itakuwa kuzingatia ambako atakuta ambalo kufanywa kwa thamani.
mada
load(url,data, function(response,status,xhr))
| tambuliko | kuwa ni kueleza |
|---|---|
| url | 规定要将请求发送到哪个 URL。 |
| data | 可选。规定连同请求发送到服务器的数据。 |
| function(response,status,xhr) |
可选。规定当请求完成时运行的函数。 额外的参数：
|
详细说明
该方法是最简单的从服务器获取数据的方法。它几乎与 $.get(url, data, success) 等价，不同的是它不是全局函数，并且它拥有隐式的回调函数。当侦测到成功的响应时（比如，当 textStatus 为 "success" 或 "notmodified" 时），.load() 将匹配元素的 HTML 内容设置为返回的数据。这意味着该方法的大多数使用会非常简单：
$("#result").load("ajax/test.html");
如果提供回调函数，则会在执行 post-processing 之后执行该函数：
$("#result").load("ajax/test.html", function() {
alert("Load was performed.");
});
上面的两个例子中，如果当前文档不包含 "result" ID，则不会执行 .load() 方法。
如果提供的数据是对象，则使用 POST 方法；否则使用 GET 方法。
加载页面片段
.load() 方法，与 $.get() 不同，允许我们规定要插入的远程文档的某个部分。这一点是通过 url 参数的特殊语法实现的。如果该字符串中包含一个或多个空格，紧接第一个空格的字符串则是决定所加载内容的 jQuery 选择器。
我们可以修改上面的例子，这样就可以使用所获得文档的某部分：
$("#result").load("ajax/test.html #container");
如果执行该方法，则会取回 ajax/test.html 的内容，不过然后，jQuery 会解析被返回的文档，来查找带有容器 ID 的元素。该元素，连同其内容，会被插入带有结果 ID 的元素中，所取回文档的其余部分会被丢弃。
jQuery inaumilia uzoefu wa .innerHTML wa kifungu cha mtandao kumaliza wasiliana ambao kinatumiwa na kufichwa kwa kila kifungu, kwa sababu ya kifungu hiki kinafichwa kama vitu vya kinaingia, kama <html>, <title> au <head> vya kinaingia. Matokeo ni, vitu vya kinaingia ambavyo vinatumiwa na .load() vinaweza kwa kinaingia na kinaingia kinatumiwa na kinaingia kinakubalia kinaingia kinachotumika kwa kinaingia kinachotumika kwa kinaingia.
Madoa:Kwa sababu ya kikurugenzi cha mifumo wa mtandao, kawaida "Ajax" inasimamia mpangilio wa kinaingia;乞guzo inaweza kumtumia data kutoka kwa mifumo ya kinaingia yaliyotengwa kwa sababu ya mifumo ya kinaingia, mifumo ya kinaingia ya kwanza au mifumo ya kinaingia ya kwanza.
Mafunzo zaidi
Mfano 1
Kulinda maadili ya faili ya feeds.html:
$("#feeds").load("feeds.html");
Mfano 2
Kama mafano juu, lakini inasaidia thamani za kuzingatia kwa sababu ya POST na inonyeshwa habari kama ni muhimu:
$("#feeds").load("feeds.php", {limit: 25}, function(){
alert("The last 25 entries in the feed have been loaded");
});
Mfano 3
Kulinda sehemu ya ujumbe wa maelezo katika orodha ya bila mabaki:
Kodha ya HTML:
<b>Maonyesho ya jQuery:</b> <ul id="links"></ul>
Kodha ya jQuery:
$("#links").load("/Main_Page #p-Getting-Started li");
Mafunzo ya TIY zaidi
- Kumengenia乞guzo ya AJAX na kusaidia kwa kila乞guzo hii.
- Jinsi ya kusaidia data kwa kwa乞guzo ya AJAX kwa sababu ya thamani ya data. (Mfano huu unaonyeshwa katika mafunzo ya AJAX.)
- Kumengenia乞guzo ya AJAX na kusaidia kwa kila乞guzo hii.
- Jinsi ya kuitumia thamani ya function kumtumia matokeo ya data kutoka kwa乞guzo ya AJAX.
- Kumengenia乞guzo ya AJAX
- Jinsi ya kuitumia thamani ya function kumtumia mafanikio ya乞guzo ya AJAX kwa sababu ya thamani ya XMLHttpRequest.
