jQuery AJAX load() మాదిరి

jQuery load() మాదిరి

jQuery load() మాదిరి సాధారణమైనప్పటికీ శక్తివంతమైన AJAX మాదిరి.

load() మాదిరి సేవనివాసం నుండి డాటా లోడ్ చేసి, తిరిగి ఆదాయం చేసిన డాటాను ఎంపికచేసిన మూలకంలో చేరుస్తుంది.

సంకేతాలు:

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

అత్యంత అవసరం 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" ఫైల్ యొక్క పూర్తి పూర్వపత్రం ను ప్రస్తుత డివ్ పేరులో లోడ్ చేస్తుంది:

ఉదాహరణ

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

మీరే ప్రయత్నించండి

కూడా URL పరామితులకు jQuery ఎంపికను జోడిస్తారు.

ఈ ఉదాహరణలో, id="p1" యొక్క పూర్తి పూర్వపత్రం ఉన్న "demo_test.txt" ఫైల్ యొక్క విషయం ను ప్రస్తుత డివ్ పేరులో లోడ్ చేస్తుంది:

ఉదాహరణ

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

మీరే ప్రయత్నించండి

ఎంపికాని callback పరామితి ని నిర్దేశిస్తుంది లోడ్() పద్ధతి పూర్తి అయిన తర్వాత అనుమతించే కాల్బ్యాక్ ఫంక్షన్. కాల్బ్యాక్ ఫంక్షన్ వివిధ పరామితులను నిర్వహించవచ్చు:

  • 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("విఫలం: "+xhr.status+": "+xhr.statusText);
  });
});

మీరే ప్రయత్నించండి

jQuery AJAX ప్రామాణిక పుస్తకం

పూర్తి AJAX మాదిరి విధానాలకు కావాలి అయితే, మా వెబ్సైట్ నిర్దేశించండి jQuery AJAX ప్రామాణిక పుస్తకం。