jQuery ajax - load() ວິທິການ
ການອະທິບາຍແລະການນໍາໃຊ້
load() ວິທິການຈະອອກຄຳສາຍ AJAX ຈາກບໍລິສັດທະນາຄານຂອງທ່ານແລະປ່ອຍຂໍ້ມູນຄືນທີ່ກັບມາສູ່ສະຖານທີ່ຫຍັງທີ່ກຳນົດ.
注释：ຍັງມີຊື່ວ່າ load ຂອງ jQuery ການປະກາດການໃຊ້.ການເລືອກວິທິການຫຍັງຈະຕິດຕາມມາດຕະການ.
ວິທິການ
load(url,data,function(response,status,xhr))
| ມາດຕະການ |
ການອະທິບາຍ |
| url |
规定要将请求发送到哪个 URL。 |
| data |
可选。规定连同请求发送到服务器的数据。 |
| function(response,status,xhr) |
可选。规定当请求完成时运行的函数。
额外的参数：
- response - 包含来自请求的结果数据
- status - 包含请求的状态（"success", "notmodified", "error", "timeout" 或 "parsererror"）
- xhr - 包含 XMLHttpRequest 对象
|
详细说明
该方法是最简单的从服务器获取数据的方法。它几乎与 $.get(url, data, success) 等价，不同的是它不是全局函数，并且它拥有隐式的回调函数。当侦测到成功的响应时（比如，当 textStatus 为 "success" 或 "notmodified" 时），.load() 将匹配元素的 HTML 内容设置为返回的数据。这意味着该方法的大多数使用会非常简单：
$("#result").load("ajax/test.html");
ຖ້າມີການບໍລິການກັບຄຳຕອບຫຼັງ, ການບໍລິການຈະດຳເນີນຫຼັງຈາກການດຳເນີນການຂັດແຍ່ງ:
$("#result").load("ajax/test.html", function() {
alert("Load was performed.");
});
ໃນສອງຄັນປະສົມນີ້, ຖ້າເອກະສານປະຈຸບັນບໍ່ມີ ID "result", ການດຳເນີນ .load() ຈະບໍ່ເກີດຂຶ້ນ.
ຖ້າຂໍ້ມູນທີ່ມີໄດ້ແມ່ນອະດີດ, ຈະໃຊ້ການສົ່ງ POST; ຖ້າບໍ່ແມ່ນອະດີດ, ຈະໃຊ້ການສົ່ງ GET.
ການອ່ານສ່ວນຂອງຂະແນນໜ້າ
.load() ກັບ $.get() ບໍ່ແຕກຕ່າງກັນ, ຈະອະນຸຍາດໃຫ້ພວກເຮົາກໍານົດສ່ວນໜຶ່ງຂອງເອກະສານທີ່ຈະເຂົ້າໃສ່. ນີ້ແມ່ນການກະກຽມທາງສານຂອງ url. ຖ້າສາຍນີ້ບັນທຶກມີຈຳນວນຄວາມທີ່ບໍ່ແມ່ນບ່ອນຢູ່, ສາຍນີ້ທີ່ຕິດຕາມຄຳນັກພັດທະນາ jQuery ແມ່ນຫົວຂໍ້ທີ່ຈະກະຕຸ້ນຂໍ້ມູນທີ່ຈະດຳເນີນການເລົ່າ.
ພວກເຮົາສາມາດດັດແກ້ຄັນປະສົມນີ້ເພື່ອນຳໃຊ້ຂອງຂອງເອກະສານທີ່ລາວມີ:
$("#result").load("ajax/test.html #container");
ຖ້າບັນຍາບາງນີ້ໄດ້ດຳເນີນການໃຫ້ມີການຮຽບຮ້ອງຂໍ້ມູນຈາກ ajax/test.html ແຕ່ຫຼັງຈາກນັ້ນ jQuery ຈະບັນທຶກເອກະສານທີ່ຖືກກັບມາເພື່ອຊອກຫາປະກອບທີ່ມີ ID ຂອງຄິນເຕີ້. ປະກອບນັ້ນພ້ອມທັງຂໍ້ມູນຂອງມັນຈະຖືກເຂົ້າໃສ່ປະກອບທີ່ມີ ID ຄຳຕອບ, ຂໍ້ມູນທີ່ຖືກຮຽບຮ້ອງອື່ນໆຈະຖືກຖິ້ມຫຼັງ.
jQuery 使用浏览器的 .innerHTML 属性来解析被取回的文档，并把它插入当前文档。在此过程中，浏览器常会从文档中过滤掉元素，比如 ,
或 <head> 元素。结果是，由 .load() 取回的元素可能与由浏览器直接取回的文档不完全相同。</p>
<p class="note"><span>注释：</span>由于浏览器安全方面的限制，大多数 "Ajax" 请求遵守同源策略；请求无法从不同的域、子域或协议成功地取回数据。</p>
</div>
<div>
<h2>ຫນັງການທົດລອງ ອີກຫຼາຍ</h2>
<h3>ຕົວຢ່າງ 1</h3>
<p>ການເອົາຂະແນນຫຼັກພາສາ feeds.html</p>
<pre class="language-js">
$("#feeds").load("feeds.html");
</pre>
<h3>ຕົວຢ່າງ 2</h3>
<p>ຄືກັບຕົວຢ່າງກ່າວກ່າວນີ້, ແຕ່ຈະສົ່ງຂໍ້ມູນຕິດຕໍ່ POST ແລະສະແດງຂໍ້ຄວາມໃນການສຳເລັດ:</p>
<pre class="language-js">
$("#feeds").load("feeds.php", {limit: 25}, function(){
alert("The last 25 entries in the feed have been loaded");
});
</pre>
<h3>ຕົວຢ່າງ 3</h3>
<p>ການເອົາສ່ວນຫນັງການອອກນຳຊ່ອງສັນຍາລັກກະພັນເປັນລາຍການທີ່ບໍ່ມີອັນສານ</p>
<p>HTML 代码：</p>
<pre class="language-html">
<b>jQuery Links:</b>
<ul id="links"></ul>
</pre>
<p>jQuery 代码：</p>
<pre class="language-js">
$("#links").load("/Main_Page #p-Getting-Started li");
</pre>
</div>
<div class="example" id="more_example">
<h2>ຫນັງການທົດລອງ TIY ອີກຫຼາຍ</h2>
<dl>
<dt><a target="_blank" href="/lo/tiy/t.html?f=jquery_ajax_load_data">ການກໍ່ສ້າງຂໍ້ມູນ AJAX ແລະຈະສົ່ງຂໍ້ມູນຜ່ານການຮ້ອງຂໍ</a></dt>
<dd>ພວກເຈົ້າຈະຮູ້ວ່າ data parameter ທີ່ຈະສົ່ງຂໍ້ມູນຜ່ານ AJAX (ກໍ່ມີຄວາມຄິດຢູ່ໃນ AJAX tutorial).</dd>
<dt><a target="_blank" href="/lo/tiy/t.html?f=jquery_ajax_load_func">ການກໍ່ສ້າງຂໍ້ມູນ AJAX ແລະຈະສົ່ງຂໍ້ມູນຜ່ານການຮ້ອງຂໍ</a></dt>
<dd>ພວກເຈົ້າຈະຮູ້ວ່າ function ທີ່ຈະຈັດການຂໍ້ມູນທີ່ມາຈາກ AJAX.</dd>
<dt><a target="_blank" href="/lo/tiy/t.html?f=jquery_ajax_load_err">ການກໍ່ສ້າງຂໍ້ມູນ AJAX ທີ່ມີບັນຫາ</a></dt>
<dd>ພວກເຈົ້າຈະຮູ້ວ່າບັນທຶກ function ທີ່ຈະຈັດການບັນຫາ AJAX ຂອງການຮ້ອງຂໍ (ບໍ່ມີ XMLHTTPRequest).</dd>
</dl>
</div>
<div class="backtoreference">
<p><a href="/lo/jquery/jquery_ref_ajax.html" title="jQuery - AJAX">ສາຍວິທີ jQuery Ajax</a></p>
</div><div style="background-color:#fcfdf8; padding:0;">
</div>
</div>
<!-- maincontent end -->
<div id="sidebar">
<div><h3><center> ຫນັງອຸປະກອນ </center><h3>
<h5 id="tools_reference"><a href="/lo/jquery/jquery_reference.html">jQuery - ຄູ່ມູນອະທິບາຍ</a></h5>
<h5 id="tools_quiz"><a href="/lo/jquery/jquery_quiz.html">jQuery - ການກວດສອບ</a></h5>
</div>
<div><h3><center> ທໍານາຍຜູ້ສະໜັບສະໜູນ </center><h3>
<div id="sbtg">
<script src="/myjs/zzsr.js"></script>
</div>
</div>
</div>
<div id="footer">
<p id="p1">
CodeW3C.com ສະເໜີຂະແນນຫຼັກພາສາຈີນລຽວ ສະເໜີເພື່ອການຝຶກອົບຮົມແລະການທົດລອງພຽງແຕ່ ບໍ່ຮັບປະກັນຄວາມຖືກຕ້ອງຂອງຂະແນນຫຼັກພາສາຈີນລຽວ. ຄວາມສ່ຽງທີ່ເກີດຂຶ້ນຈາກການໃຊ້ຂະແນນຫຼັກພາສາຈີນລຽວຂອງຫນັງບັນຍາຍດັ່ງກ່າວບໍ່ກ່ຽວຂ້ອງກັບຫນັງບັນຍາຍ. ສິນລະປະມານຂອງພິມ, ຮັກສາທຸກສິດທີ່ຢູ່.
</p>
<p id="p2">
<a href="/lo/about/index.html" title="ກ່ຽວກັບ CodeW3C.com">ກ່ຽວກັບ CodeW3C.com</a>
<a href="/lo/about/about_helping.html" title="ຊ່ວຍເຫຼືອ CodeW3C.com">ຊ່ວຍເຫຼືອ CodeW3C.com</a>
<a href="/lo/about/about_use.html" title="ກ່ຽວກັບການນໍາໃຊ້">ຂໍ້ກຳນົດການນໍາໃຊ້</a>
<a href="/lo/about/about_privacy.html" title="ກ່ຽວກັບຄວາມລັບຄວາມລຽບຄວາມຄິດ">ຂໍ້ກຳນົດຄວາມລັບ</a>
<a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a>
<a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="ສະແຫວງຂຶ້ນຈາກ Ce4e.com"></a>
</p>
</div>
</div>
<!-- wrapper end -->
<script src="/myjs/tongji.js"></script>
</body>
</html>