jQuery ajax - load() နည်းလမ်း
အသုံးပြုခြင်း နှင့် ဖော်ပြ
load() နည်းလမ်း က လိုင်းဝန်ဆောင်မှု မှ အချက်အလက် ကို သယ်ယူ ပြီး အပြည့်အဝ သို့ ထည့်သွင်းပေးသည်。
အမှတ်စက္ခအမည်ဖြင့် load ဂေဟီဂီ ဖြစ်ပေါ်သောနည်းလမ်း။ သူ့ကို ပါဝင်သည်ကို အတိအကျ ကြည့်မတော့
အက္ခရာ
load(url,data,function(response,status,xhr))
| ပါဝင်သည် |
ဖော်ပြ |
| url |
规定要将请求发送到哪个 URL。 |
| data |
可选。规定连同请求发送到服务器的数据。 |
| function(response,status,xhr) |
可选。规定当请求完成时运行的函数。
နောက်ထပ် အချက်အလက်
- response - အချက်အလက် အရာများ
- status - အချက်အလက် အခြေအနေ
- xhr - ရှိ အော့စ်ရိုက်ရှိ အက်ယာရေး အဖွဲ့
|
အသေးစိတ်အချက်
ဒီ ဘက်မှ ကျွန်ုပ် အခြေခံ အသုံးပြုလိုက်သော ဘက်တွက် အရ အခြေခံ ဘက်တွက် အသုံးပြုလိုက်သည်။ ဒီ ဘက်တွက် အရ အခြေခံ ဘက်တွက် ပြီး အခြေခံ ဘက်တွက် အသုံးပြုလိုက်သည်။
$("#result").load("ajax/test.html");
အပြီးသတ်မှတ်ထားသော အချက်အလက် အဖွဲ့ အသုံးပြုလျှင် ပြီးစဉ် ပြီးစဉ် ပြီးစဉ် အချက်အလက် အဖွဲ့ အသုံးပြုပါ။
$("#result").load("ajax/test.html", function() {
alert("Load was performed.");
});
အထူးသတ်မှတ်ထားသော အချက်အလက် မရှိဘဲ ဒီ အော့စ်.load() ဘက်မှ အသုံးပြုလိုက်သော အခါ အသုံးပြုလိုက်ပါ။
အချက်အလက် အဖွဲ့ အသုံးပြုလျှင် အသုံးပြုလိုက်သော ပေါ့ပိုးမူဝါဒ ကို အသုံးပြုပါ၊ မဟုတ်ဘဲ အသုံးပြုလိုက်သော ပေါ့ပိုးမူဝါဒ ကို အသုံးပြုပါ။
စာကြိုး စီးပွားရေး
.load() ဘက်မှ အခုတိုင်း အော့စ်.get() မည်မဟုတ် အသုံးပြု၍ သင့်သည် တွေ့ရှိသော ကွန်ပျူတာ အချို့ ကို ထည့်သွင်းရန် အသုံးပြုပါ၊ ဒီ အကျိုးသတ္တုသည် အစားအသား ကို အသုံးပြု၍ ရောက်ရှိသည်။ ဒီ အစားအသား အရ လွှတ်ထားသော အကွင်းအား တခုခု ကို အော့စ်ဂျို အသုံးပြု၍ တွေ့ရှိသော ကို ထည့်သွင်းပါ။
ဒီ အကျိုးသတ္တုကို ပြင်ဆင်လိုက်ကာ အသုံးပြုနိုင်ပါသည်။
$("#result").load("ajax/test.html #container");
ဒီမူလီဘင်းအသုံးပြုလျှင် ဒီ အော့စ်ဂျို/test.html အရာကို မရွတ်မြတ်ပါ၊ ပြီးတော့ ဂေဟ်ဂျို အရာကို လွှတ်ထားသော ကုတ်အသုံးပြု၍ အတိုင်းတာတိုက် ကို တွေ့ရှိပါ၊ အတိုင်းတာတိုက် နှင့် အတိုင်းတာတိုက် အတွင်းရှိ အရာများ ကို အော့စ်ဂျို အသုံးပြု၍ တွေ့ရှိသော အတိုင်းတာတိုက် ကို ထည့်သွင်းပါ၊ လွှတ်ထားသော အရာအား အတိုင်းတာတိုက် အတွင်း အားလုံး ပယ်ထားပါ။
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>အထူးသဖြင့် အပြန်ပြောဆိုမှု ပုံစံ အသုံးပြု၍ ပိုင်းပြားခြင်း အပြင် ပေါင်းစု အချက်အလက် ကို ပေးပို့ခြင်း</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="/my/tiy/t.html?f=jquery_ajax_load_data">AJAX တင်ဆက်မှု ကို ပြုလုပ်၍ အပြန်ပြောဆိုမှု ပုံစံ ကို အသုံးပြု၍ အချက်အလက် ကို ပေးပို့ခြင်း</a></dt>
<dd>data ပုံစံ ကို အသုံးပြု၍ AJAX တင်ဆက်မှု ကို အချက်အလက် ကို ပေးပို့ခြင်း အကြောင်းအရာ (AJAX ဖိုးရိုးအုပ် တွင် အသိအမှတ်ပြုထားသည်)。</dd>
<dt><a target="_blank" href="/my/tiy/t.html?f=jquery_ajax_load_func">AJAX တင်ဆက်မှု ကို ပြုလုပ်၍ အပြန်ပြောဆိုမှု ပုံစံ ကို အသုံးပြုခြင်း</a></dt>
<dd>function ပုံစံ ကို အသုံးပြု၍ AJAX တင်ဆက်မှု မှ အချက်အလက် အကြောင်းအရာ ကို ပြုလုပ်ခြင်း</dd>
<dt><a target="_blank" href="/my/tiy/t.html?f=jquery_ajax_load_err">အမှားရှိသော AJAX တင်ဆက်မှု ကို ပြုလုပ်ခြင်း</a></dt>
<dd>function ပုံစံ ကို အသုံးပြု၍ AJAX တင်ဆက်မှု အတွက် အမှား ကို ပြုလုပ်ခြင်း အကြောင်းအရာ</dd>
</dl>
</div>
<div class="backtoreference">
<p><a href="/my/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="/my/jquery/jquery_reference.html">jQuery စက်လုံး ကိုးကွယ်ရာ စာတမ်း</a></h5>
<h5 id="tools_quiz"><a href="/my/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="/my/about/index.html" title="关于 CodeW3C.com">关于 CodeW3C.com</a>
<a href="/my/about/about_helping.html" title="帮助 CodeW3C.com">帮助 CodeW3C.com</a>
<a href="/my/about/about_use.html" title="关于使用">使用条款</a>
<a href="/my/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>