జీయూక్యూ ఆజక్స్ - load() మాధ్యమం

jQuery Ajax పరిశీలన పాఠ్యక్రమం

ఉదాహరణ

ఆజక్స్ అభ్యర్ధనను ఉపయోగించి div కేంద్రం వచనాన్ని మార్చండి:

$("button").click(function(){
  $("div").load('demo_ajax_load.txt');
});

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

మరింత TIY ఉదాహరణలను పేజీ ముగింపులో కనుగొనండి

నిర్వచనం మరియు ఉపయోగం

load() మాధ్యమం ఆజక్స్ అభ్యర్ధనను ఉపయోగించి సర్వర్ నుండి డాటాను లోడు చేసి తిరిగి అందించిన డాటాను ప్రత్యేక కేంద్రంలో చేరుస్తుంది.

ప్రతీక్షలు:ఒక పేరు తో ఉన్నది load జీయూక్యూ యొక్క ఈ జనరేషన్మాధ్యమం. పారామీటర్స్ ప్రకారం ఇది నిర్ణయించబడుతుంది.

సంకేతం

load(url,data,function(response,status,xhr))
పారామీటర్స్ వివరణ
url 规定要将请求发送到哪个 URL。
data 可选。规定连同请求发送到服务器的数据。
function(response,status,xhr)

ఆప్షనిక్. అభ్యర్ధన పూర్తయినప్పుడు అమలు చేయబడే ఫంక్షన్.

అదనపు పరామితులు:

  • response - అభ్యర్ధన నుండి పొందబడిన ఫలిత డాటా
  • status - అభ్యర్ధన యొక్క స్థితి ("success", "notmodified", "error", "timeout" లేదా "parsererror")
  • xhr - XMLHttpRequest పద్ధతి నిర్మించబడింది

వివరణ

ఈ పద్ధతి సరిస్సాగించబడిన మాదిరిగా, సర్వర్ నుండి డాటాను పొందడానికి ఎక్కువగా ఉపయోగించబడే మాదిరిగా ఉంది. అది $.get(url, data, success) తో అనుకూలంగా ఉంటుంది, కానీ ఇది గ్లౌబల్ ఫంక్షన్ కాదు, మరియు ఇది అప్రకటించబడిన కాల్బ్యాక్ ఫంక్షన్ కలిగి ఉంటుంది. విజయవంతమైన ప్రతిస్పందనను గుర్తించినప్పుడు (ఉదాహరణకు, textStatus "success" లేదా "notmodified" ఉంటే), .load() ముసాలు పెట్టిన మెటాడాలను పొందిన డాటా చేర్చబడుతుంది. ఈ పద్ధతి అత్యంత సరళంగా ఉపయోగించబడుతుంది:

$("#result").load("ajax/test.html");

కాల్బ్యాక్ ఫంక్షన్ అందించినప్పుడు, post-processing తరువాత ఈ ఫంక్షన్ అమలు అవుతుంది:

$("#result").load("ajax/test.html", function() {
  alert("Load was performed.");
});

పైన ఉన్న రెండు ఉదాహరణలలో, ప్రస్తుత డాక్యుమెంట్ "result" ID కలిగిలేకపోతే, .load() పద్ధతి అమలు అవుతుంది.

అందించిన సమాచారం ఆబ్జెక్ట్ ఉంటే, POST పద్ధతిని ఉపయోగించవచ్చు; మరియు లేకపోతే, GET పద్ధతిని ఉపయోగించవచ్చు.

పేజీ భాగం లోడ్ చేయడం

.load() పద్ధతి, $.get() నుండి వ్యత్యాసంగా, మాకు అందుబాటులో ఉన్న రిమోట్ డాక్యుమెంట్ని కొంత భాగాన్ని పొందడానికి అనుమతిస్తుంది. ఈ అంశాన్ని యూరిల్ పారామీటర్ల ప్రత్యేక సంకేతసూచిక ద్వారా అమలు చేయబడుతుంది. ఈ పదంలో ఒకటి లేదా అంతకన్నా ఎక్కువ విద్యులు ఉన్నప్పుడు, మొదటి విద్యులకు తరువాత ఉన్న పదం సమాచారం నుండి లోడ్ చేయబడే సమాచారం జూనియర్ సెలెక్టర్ నిర్ణయిస్తుంది.

మానవానికి ఉపయోగపడే ఉదాహరణను మార్చవచ్చు, దానితో డాక్యుమెంట్ని కొంత భాగాన్ని ఉపయోగించవచ్చు:

$("#result").load("ajax/test.html #container");

ఈ పద్ధతిని అమలుచేసినప్పుడు, ajax/test.html యొక్క విషయాన్ని పొందుతుంది, కానీ తరువాత, jQuery బిగింది పొందిన డాక్యుమెంట్ని పరిశీలిస్తుంది మరియు కంటైనర్ ID కలిగిన మెటాడాలను కనుగొంటుంది. ఈ మెటాడాలు మరియు వాటి విషయం రిజల్ట్ ID కలిగిన మెటాడాలులో చొచ్చుట చేయబడతాయి, పొందిన డాక్యుమెంట్ని మిగిలిన భాగం త్రహించబడుతుంది.

jQuery బ్రౌజర్ యొక్క .innerHTML అంశాన్ని ఉపయోగించి పొందబడిన డాక్యుమెంట్ను పరిశీలిస్తుంది, మరియు దానిని ప్రస్తుత డాక్యుమెంట్లో ప్రవేశపెడుతుంది. ఈ ప్రక్రియలో, బ్రౌజర్ తరచుగా డాక్యుమెంట్లో ఉన్న అంశాలను, ఉదాహరణకు <html>, <title> లేదా <head> అంశాలను తగ్గిస్తుంది. ఫలితంగా, .load() ద్వారా పొందబడిన అంశాలు బ్రౌజర్ ప్రత్యక్షంగా పొందబడిన డాక్యుమెంట్తో సమానంగా ఉండవు.

ప్రతీక్షలు:బ్రౌజర్ భద్రతా పరిమితుల కారణంగా, అధికంగా "Ajax" అభ్యర్థనలు సమాన మూల విధానాన్ని పాటిస్తాయి; వేరే డొమైన్, ఉప డొమైన్ లేదా ప్రొటోకాల్ నుండి డాటాను విజయవంతంగా పొందలేదు.

మరిన్ని ఉదాహరణలు

ఉదాహరణ 1

feeds.html ఫైల్ సమగ్రంను లోడ్ చేయండి:

$("#feeds").load("feeds.html");

ఉదాహరణ 2

పైని ఉదాహరణలతో సమానంగా, కానీ POST రూపంలో అదనపు పారామీటర్లను పంపి, విజయవంతంగా పూర్తి అయినప్పుడు సందేశాన్ని ప్రదర్శించండి:

$("#feeds").load("feeds.php", {limit: 25}, function(){
  alert("ఫీడ్లులో చివరి 25 ప్రవేశాలు లోడ్ చేయబడ్డాయి");
});

ఉదాహరణ 3

వరుసగా జాబితాకు వ్యాసం పక్కవారి నేవిగేషన్ భాగాన్ని లోడ్ చేయండి:

HTML కోడ్:

<b>jQuery లింకులు:</b>
<ul id="links"></ul>

jQuery కోడ్:

$("#links").load("/Main_Page #p-Getting-Started li");

మరిన్ని TIY ఉదాహరణలు

AJAX అభ్యర్ధనను ఉద్భవింపజేయండి, మరియు అదే అభ్యర్ధన ద్వారా డాటాను పంపండి
ఎలా data పారామీటర్లను ఉపయోగించి AJAX అభ్యర్ధనల ద్వారా డాటాను పంపండి. (ఈ ఉదాహరణ AJAX శిక్షణలో వివరించబడింది.)
AJAX అభ్యర్ధనను ఉద్భవింపజేయండి, మరియు అదే అభ్యర్ధన ద్వారా డాటాను పంపండి.
ఎలా function పారామీటర్లను ఉపయోగించి AJAX అభ్యర్ధనల నుండి డాటా ఫలితాలను నిర్వహించాలి.
పరిణామాలు కలిగిన AJAX అభ్యర్ధనను ఉద్భవింపజేయండి
ఎలా function పారామీటర్లను ఉపయోగించి AJAX అభ్యర్ధనలలో పరిణామాలను నిర్వహించాలి (XMLHttpRequest పారామీటర్లను ఉపయోగించడం).

jQuery Ajax పరిశీలన పాఠ్యక్రమం