jQuery AJAX load() 方法

jQuery load() 方法

jQuery load() 方法是简单但强大的 AJAX 方法。

load() 方法从服务器加载数据，并把返回的数据放入被选元素中。

语法：

$("}}).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");

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

URL ਪਾਰਾਮੀਟਰ ਵਿੱਚ ਵੀ jQuery ਚੋਣਕਰਤਾ ਸ਼ਾਮਲ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ。

ਹੇਠ ਦਾ ਉਦਾਹਰਣ "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 ਸੰਦਰਭ ਦਸਤਾਵੇਜ਼。