Method ya AJAX ya load() ya jQuery

Method ya load() ya jQuery

Method ya load() ya jQuery ina uwanja wa AJAX ambao ni rahisi na bora.

Method ya load() ina kusoma data kutoka kwa mtaalamu kwa uwanja wa data, na kufungua data ya kuwa msingi kwenye elementi iliyochaguliwa.

Muundo:

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

Inayohitajika URL Parameteri ina kumekadiri URL inayotumika.

Parameteri inayoweza kuwa chaguo data Parameteri ina kumekadiri kusajiliwa kama kipengele cha nywila cha kusikitisha.

Parameteri inayoweza kuwa chaguo callback Parameteri ina kumekadiri kufikia funtion inayotumika baada ya kufikia load() method.

Matokeo wa faili ya mifano ("demo_test.txt") ni:

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

Mifano inayotumika hapa huzingatia kusikitisha kina faili "demo_test.txt" kwa kina <div> kikamilifu:

Mifano

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

Tafadhali tafuta

Inaweza kuongeza jQuery selector kwa parameteri ya URL.

Mifano inayotumika hapa huzingatia kusikitisha kina id="p1" ya faili "demo_test.txt" kwa kina <div> kikamilifu:

Mifano

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

Tafadhali tafuta

Parameteri inayoweza kuwa chaguo ina kumekadiri kufikia funtion kama load() method imewasilika. Functon inaweza kuwa na parameteri mbalimbali:

  • responseTxt - Inahusiana na matokeo ya kusikitisha
  • statusTXT - Inahusiana na hali ya kufanyika kwa kusikitisha
  • xhr - Inahusiana na kina XMLHttpRequest

Mifano inayotumika hapa huzingatia kufichwa kwa kusikitisha baada ya kufikia load() method. Ikiwa load() method imefanikiwa, huzingatia kusikitisha "Maktooni ya mawasiliano ya nje imewasilika kwa kushukuru!" wakati ya kufaliwa, huzingatia ujumbe wa kosa:

Mifano

$("button").click(function(){
  $("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
    if(statusTxt=="success")
      alert("Maktooni ya mawasiliano ya nje imewasilika kwa kushukuru!");
    if(statusTxt=="error")
      alert("Kosa: "+xhr.status+": "+xhr.statusText);
  });
});

Tafadhali tafuta

Makao ya jQuery AJAX

Kwa uangalifu wa makao ya AJAX yote, tazama Makao ya jQuery AJAX。