j క్వెరీలో 9.1 $ వస్తువు మరియు అజాక్స్ పద్ధతి
j క్వెరీకి నెట్వర్క్తో పని చేయడానికి ప్రత్యేక గ్లోబల్ ఆబ్జెక్ట్ కూడా ఉంది. మీరు ఊహించినట్లుగా, దీనిని పిలుస్తారు $
. అవును, అదే పేరు. కానీ ఇది సాధారణ మరియు అనుకూలమైనది.
మీరు మీ జావాస్క్రిప్ట్లోని APIకి అభ్యర్థనను పంపాలని మరియు స్వీకరించిన ప్రతిస్పందనను ప్రాసెస్ చేయాలనుకుంటున్నారని అనుకుందాం. ఇది ఇలా చేయవచ్చు:
$.ajax({
type: "POST",
url: "api.codegym.cc",
data: {name: 'Bill', location: 'Radmond'},
success: function(msg){
alert( "Person found: " + msg );
}
});
అంతే, కోడ్ అంతే. మేము ఆబ్జెక్ట్పై $
పద్ధతిని పిలుస్తాము ajax()
, ఇక్కడ మనకు అవసరమైన ప్రతిదాన్ని వివరించే వస్తువును పాస్ చేస్తాము: అభ్యర్థన మరియు ప్రతిస్పందన రెండూ.
- ఫీల్డ్
type
HTTP అభ్యర్థన రకాన్ని నిర్దేశిస్తుంది:GET
లేదాPOST
- అభ్యర్థన పంపబడే ఫీల్డ్
url
నిర్దేశిస్తుంది .url
- ఫీల్డ్
data
అభ్యర్థన డేటాను JSON ఆకృతిలో నిర్దేశిస్తుంది - సక్సెస్ ఫీల్డ్ సర్వర్ నుండి విజయవంతమైన ప్రతిస్పందన తర్వాత కాల్ చేయవలసిన ఫంక్షన్ను నిర్దేశిస్తుంది .
9.2 ఉపయోగకరమైన ప్రశ్నలు
కానీ మీరు ఏ డేటాను బదిలీ చేయనవసరం లేకపోతే, అభ్యర్థనను ఇంకా తక్కువగా వ్రాయవచ్చు. ఉదాహరణకు, మీరు ఇలా ఒక సాధారణ POST అభ్యర్థనను వ్రాయవచ్చు :
$.post("ajax/test.html", function( data ) {
$( ".result" ).html( data );
});
కోడ్ ఏమి చేస్తుందో మీకు తెలుసా $( ".result" ).html( data );
? ఊహించడానికి ప్రయత్నిద్దాం...
ఇది పత్రంలో ఫలిత తరగతితో ఒక మూలకాన్ని కనుగొంటుంది మరియు దాని లోపల HTML కోడ్ను జోడిస్తుంది - డేటా data
. కాబట్టి రెండు పంక్తులలో మీరు సర్వర్ నుండి డేటాను డౌన్లోడ్ చేసుకోవచ్చు మరియు దానిని మీ పేజీకి జోడించవచ్చు. సరే, అందం కాదా? :)
GET అభ్యర్థనను రెండు పంక్తులలో కూడా వ్రాయవచ్చు:
$.get("ajax/test.html"., function( data ) {
$( ".result" ).html( data );
});
మీరు స్క్రిప్ట్ని డౌన్లోడ్ చేసి, అమలు చేయాలనుకుంటున్నారా?
$.ajax({
method: "GET",
url: "test.js",
dataType: "script"
});
తాజా HTML పేజీని పొందాలా?
$.ajax({
url: "test.html",
cache: false
})
.done(function( html ) {
$( "#results" ).append( html );
});
ఇంటర్నెట్లో చాలా మంచి j క్వెరీ డాక్యుమెంటేషన్ ఉంది:
అదనంగా, అన్ని సాధారణ ప్రశ్నలు సులభంగా గూగుల్ చేయబడతాయి మరియు StackOverflowలో ఉంటాయి.
GO TO FULL VERSION