jQuery AJAX load() မီးရပ်တည့်စက်

jQuery load() မီးရပ်တည့်စက်

jQuery load() မီးရပ်တည့်စက် အကျယ်အဝန်း နှင့် အားထုတ်မှု ရှိသော AJAX မီးရပ်တည့်စက် ဖြစ်သည်。

load() မီးရပ်တည့်စက် သုံးစွဲသည် ပြည်ထောင်စု မှ သတင်းအချက်အလက် ကို ဆောက်လုပ်သည် အနေဖြင့် အရင်းအမြစ် အရာတိုက် အရ သတင်းအချက်အလက် ကို ထည့်သွင်းသည်。

အက္ခရာပုံစံ:

$("}}selector).load(URL,data,callback);

必需的 URL 参数规定您希望加载的 URL。

可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。

可选的 callback 参数是 load() 方法完成后所执行的函数名称。

这是示例文件("demo_test.txt")的内容:

<h2>jQuery and AJAX is FUN!!!</h2>
<p id="p1">This is some text in a paragraph.</p>

下面的例子会把文件 "demo_test.txt" 的内容加载到指定的 <div> 元素中:

示例

$("#div1").load("demo_test.txt");

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

也可以把 jQuery 选择器添加到 URL 参数。

下面的例子把 "demo_test.txt" 文件中 id="p1" 的元素的内容,加载到指定的 <div> 元素中:

အကျိုးသုံး

$("#div1").load("demo_test.txt #p1");

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

可选的 callback 参数规定当 load() 方法完成后所要允许的回调函数。回调函数可以设置不同的参数:

  • responseTxt - 包含调用成功时的结果内容
  • statusTXT - 包含调用的状态
  • xhr - 包含 XMLHttpRequest 对象

下面的例子会在 load() 方法完成后显示一个提示框。如果 load() 方法已成功,则显示“外部内容加载成功!”,而如果失败,则显示错误消息:

အကျိုးသုံး

$("button").click(function(){
  $("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
    if(statusTxt=="success")
      alert("外部内容加载成功!");
    if(statusTxt=="error")
      alert("Error: "+xhr.status+": "+xhr.statusText);
  });
});

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

jQuery AJAX လက်တွေရှိချက်

ပြည့်စုံသော AJAX နည်းလမ်းများ ကြည့်ရန် ကျွန်ုပ်၏ jQuery AJAX လက်တွေရှိချက်