CodeGym /జావా కోర్సు /మాడ్యూల్ 3 /j క్వెరీతో నెట్‌వర్కింగ్

j క్వెరీతో నెట్‌వర్కింగ్

మాడ్యూల్ 3
స్థాయి , పాఠం
అందుబాటులో ఉంది

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(), ఇక్కడ మనకు అవసరమైన ప్రతిదాన్ని వివరించే వస్తువును పాస్ చేస్తాము: అభ్యర్థన మరియు ప్రతిస్పందన రెండూ.

  • ఫీల్డ్ typeHTTP అభ్యర్థన రకాన్ని నిర్దేశిస్తుంది: 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 క్వెరీ డాక్యుమెంటేషన్ ఉంది:

j క్వెరీ API

jQuery.ajax()

అదనంగా, అన్ని సాధారణ ప్రశ్నలు సులభంగా గూగుల్ చేయబడతాయి మరియు StackOverflowలో ఉంటాయి.

వ్యాఖ్యలు
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION