jQuery ajax - load() method
muhimmanci
Amfani da tashi ajinga don ɗaukaci alamar div:
$("button").click(function(){
$("div").load('demo_ajax_load.txt');
});
ta ambata da amfani
load() method ta haɗa shi data daga server ta haɗa shi da data a ƙarancin abin da aka saba ƙirƙiri.
Rarraba:akọwa wanda load na jQuery ruwaharshe. Yauya bana ga yantaa, kuma yauya yantaa. Ta hanyan shi, ya da alamar.
arzikin
load(url,data,function(response,status,xhr))
| alamar | baɗa |
|---|---|
| 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 yana amfani da kimiyyar .innerHTML da ke cikin browsers domin yin tsaftacewa na abin da aka samar da shi, kuma ake kawar da shi a cikin dokoki na yau. A cikin wannan aikin, browsers ake kawar da abubuwan da suka wuce, kamar <html>, <title> ko <head> elements. Nijin, abubuwan da aka samar da su da .load() ba za a iya samarwa daga abin da browsers ke samarwa ba.
Rarraba:Kamar yadda ake amfani da sunan browsers da ke kiyashi na tsaro, kusan duk ajewa "Ajax" suka gudanar da abin da ake kira policy of same origin; abubuwan da ake samar da su ba a samarwa daga domains, subdomains ko protocols dake da kiyashi ba.
Sauran masu kiyashi
Tarihin 1
Kamata abin da ake samar da shi a cikin files da aka kira feeds.html:
$("#feeds").load("feeds.html");
Tarihin 2
Duba masu kiyashi da yawa da suka kiyashi, amma ake rarraba abubuwan zartarwa a cikin shawara POST kuma a cikin wuri da aka samar da shi:
$("#feeds").load("feeds.php", {limit: 25}, function(){
alert("The last 25 entries in the feed have been loaded");
});
Tarihin 3
Kamata abin da ake samar da shi a matsayin kundin tafiyar da ake amfani da shi a cikin kundin yankin yanar gizo:
Kwamfuta HTML:
<b>jQuery Links:</b> <ul id="links"></ul>
Kwamfuta jQuery:
$("#links").load("/Main_Page #p-Getting-Started li");
Sauran TIY
- Kannunin ajewa, kuma ake rarraba data ta wannan ajewa
- Kannunin da ake amfani da shi don rarraba data ta ajewa. (An kira wannan a cikin koyar da ajewa.)
- Kannunin ajewa, kuma ake amfani da/callback function
- Kannunin da ake amfani da shi don aiki da aikin aiki da aka samar a cikin ajewa.
- Kannunin ajewa da rashin lafiya
- Kannunin da ake amfani da shi don karkashin function don aiki da nau'in rashin lafiya a ajewa (amfani da XMLHttpRequest parameters).
