మాకు జావాస్క్రిప్ట్ మరియు J క్వెరీ చాలా సంవత్సరాలుగా తెలుసు. జావాస్క్రిప్ట్ j క్వెరీ కంటే ముందే కనుగొనబడింది. రెండూ శక్తివంతమైనవి మరియు వెబ్ అభివృద్ధిలో ఉపయోగించబడతాయి మరియు ఒకే ప్రయోజనం కోసం ఉపయోగించబడతాయి, అనగా వెబ్ పేజీని ఇంటరాక్టివ్ మరియు డైనమిక్ చేయడానికి. మరో మాటలో చెప్పాలంటే, అవి వెబ్ పేజీలకు ప్రాణం పోస్తాయి. ఒకే ప్రయోజనం కోసం ఉపయోగించినట్లయితే ఈ రెండు వేర్వేరు భావనలు ఎందుకు అని ప్రజలు ఆశ్చర్యపోవచ్చు. ఈ జావాస్క్రిప్ట్ వర్సెస్ j క్వెరీ వ్యాసంలో, ఈ క్రింది క్రమంలో మరొకదాని కంటే మెరుగైనది ఏమిటో మేము కనుగొంటాము:
- జావాస్క్రిప్ట్: వెబ్ అభివృద్ధిలో శక్తివంతమైన భాష
- J క్వెరీ: జావాస్క్రిప్ట్ నుండి అభివృద్ధి చేయబడిన లైబ్రరీ
- J క్వెరీ ఎందుకు సృష్టించబడింది మరియు J క్వెరీ యొక్క ప్రత్యేక సామర్థ్యాలు ఏమిటి
- ఉదాహరణలతో జావాస్క్రిప్ట్ మరియు J క్వెరీ మధ్య వ్యత్యాసం
జావాస్క్రిప్ట్: వెబ్ అభివృద్ధిలో శక్తివంతమైన భాష
జావాస్క్రిప్ట్ అనేది మా వెబ్ పేజీలకు ఇంటరాక్టివిటీని జోడించడానికి ఉపయోగించే స్క్రిప్టింగ్ భాష. వెబ్ పేజీలను సృష్టించడానికి ఉపయోగించే HTML మరియు CSS లతో పాటు మూడు ప్రధాన సాంకేతిక పరిజ్ఞానాలలో ఇది ఒకటి. HTML మరియు CSS వెబ్ పేజీ యొక్క నిర్మాణాన్ని నిర్వచించి, వెబ్ పేజీల రూపాన్ని / స్టైలింగ్ను నిర్వచించినప్పటికీ, జావాస్క్రిప్ట్ వెబ్ పేజీని డైనమిక్ చేయడానికి ఉపయోగిస్తుంది, దీనికి ఇంటరాక్టివిటీని జోడించడం ద్వారా జావాస్క్రిప్ట్తో మనం మౌస్ క్లిక్, మౌస్ ఓవర్ మరియు ఇతర కోసం కొంత కోడ్ను జోడించవచ్చు. వెబ్ పేజీలోని సంఘటనలు మరియు మరెన్నో.
జావాస్క్రిప్ట్కు అన్ని వెబ్ బ్రౌజర్లు మద్దతు ఇస్తాయి మరియు జావాస్క్రిప్ట్ కోడ్ను గుర్తించి దానితో పనిచేయడానికి వెబ్ బ్రౌజర్లకు అంతర్నిర్మిత జావాస్క్రిప్ట్ ఇంజిన్ ఉంది. అందువల్ల, జావాస్క్రిప్ట్ ప్రధానంగా క్లయింట్ వైపు భాష. ఇది ఒక భాష, ఇది విధానపరమైన భాషగా మరియు నమూనా-ఆధారిత వస్తువు-ఆధారిత భాషగా ఉపయోగించబడుతుంది. మేము ప్రాధమిక జావాస్క్రిప్ట్ను ఉపయోగించినప్పుడు మేము విధానపరమైన భాషతో పని చేస్తున్నాము, అయితే ఆధునిక జావాస్క్రిప్ట్ ఆబ్జెక్ట్-ఓరియెంటెడ్ కాన్సెప్ట్లను ఉపయోగిస్తుంది.
మన జావాస్క్రిప్ట్ vs j క్వెరీతో ముందుకు సాగండి మరియు జావాస్క్రిప్ట్ నుండి అభివృద్ధి చేయబడిన లైబ్రరీని అర్థం చేసుకోండి.
j క్వెరీ: జావాస్క్రిప్ట్ నుండి అభివృద్ధి చేయబడిన లైబ్రరీ
సంవత్సరాలుగా జావాస్క్రిప్ట్ వెబ్ అభివృద్ధికి శక్తివంతమైన భాషగా మారింది. జావాస్క్రిప్ట్ పైన నిర్మించిన అనేక లైబ్రరీలు మరియు ఫ్రేమ్వర్క్లు ఉన్నాయి. ఈ లైబ్రరీలు మరియు ఫ్రేమ్వర్క్లు జావాస్క్రిప్ట్ యొక్క సామర్థ్యాన్ని విస్తరించడానికి, దానితో చాలా పనులు చేయడానికి మరియు డెవలపర్ యొక్క పనిని సులభతరం చేయడానికి అభివృద్ధి చేయబడ్డాయి.
j క్వెరీ అనేది జావాస్క్రిప్ట్ యొక్క అటువంటి లైబ్రరీ, దాని నుండి నిర్మించబడింది. ఇది జాన్ రాజీనా చేత కనుగొనబడిన అత్యంత ప్రాచుర్యం పొందిన జావాస్క్రిప్ట్ లైబ్రరీ మరియు ఇది జనవరి 2006 న బార్క్యాంప్ NYC లో విడుదలైంది. j క్వెరీ ఉచితం, ఓపెన్ సోర్స్ లైబ్రరీ, MIT లైసెన్స్ క్రింద లైసెన్స్ పొందింది. ఇది క్రాస్ బ్రౌజర్ అనుకూలత యొక్క శక్తివంతమైన లక్షణాన్ని కలిగి ఉంది. ఇది జావాస్క్రిప్ట్తో మనం ఎదుర్కొనే క్రాస్ బ్రౌజర్ సమస్యలను సులభంగా నిర్వహించగలదు. అందువల్ల చాలా మంది డెవలపర్లు క్రాస్ బ్రౌజర్ అనుకూలత సమస్యలను నివారించడానికి j క్వెరీని ఉపయోగిస్తారు.
ఇప్పుడు మన జావాస్క్రిప్ట్ vs j క్వెరీ బ్లాగుతో ముందుకు సాగండి మరియు j క్వెరీ ఎందుకు సృష్టించబడిందో చూద్దాం.
J క్వెరీ ఎందుకు సృష్టించబడింది మరియు j క్వెరీ యొక్క ప్రత్యేక సామర్థ్యాలు ఏమిటి?
జావాస్క్రిప్ట్లో, ప్రాథమిక కార్యకలాపాల కోసం మనం చాలా కోడ్ రాయవలసి ఉంటుంది, అయితే j క్వెరీతో ఒకే ఆపరేషన్ను ఒకే లైన్ కోడ్తో చేయవచ్చు. అందువల్ల డెవలపర్లు జావాస్క్రిప్ట్తో పోలిస్తే j క్వెరీతో పనిచేయడం సులభం.
- JQuery ఉద్భవించిన ప్రాథమిక భాష జావాస్క్రిప్ట్ అయినప్పటికీ, j క్వెరీ ఈవెంట్ హ్యాండ్లింగ్, DOM మానిప్యులేషన్ చేస్తుంది, జావాస్క్రిప్ట్ కంటే అజాక్స్ కాల్స్ చాలా సులభం. jQuery మా వెబ్ పేజీలో యానిమేటెడ్ ప్రభావాలను జోడించడానికి కూడా అనుమతిస్తుంది, ఇది జావాస్క్రిప్ట్తో చాలా నొప్పి మరియు కోడ్ పంక్తులను తీసుకుంటుంది.
- j క్వెరీ వెబ్ పేజీలో ఆపరేషన్ చేయడానికి అంతర్నిర్మిత ప్లగిన్లను కలిగి ఉంది. ప్లగ్ఇన్ను ఉపయోగించడానికి మనము దానిని చేర్చాలి లేదా దిగుమతి చేసుకోవాలి. అందువల్ల ప్లగిన్లు యానిమేషన్లు మరియు పరస్పర చర్యలు లేదా ప్రభావాల సంగ్రహణలను సృష్టించడానికి అనుమతిస్తుంది.
- మేము jQuery తో మా అనుకూల ప్లగ్ఇన్ కూడా చేయవచ్చు. ఒక వెబ్ పేజీలో ఒక నిర్దిష్ట మార్గంలో యానిమేషన్ చేయవలసి వస్తే, మేము అవసరానికి అనుగుణంగా ప్లగిన్ను అభివృద్ధి చేయవచ్చు మరియు దానిని మా వెబ్ పేజీలో ఉపయోగించవచ్చు.
- j క్వెరీలో ఉన్నత-స్థాయి UI విడ్జెట్ లైబ్రరీ కూడా ఉంది. ఈ విడ్జెట్ లైబ్రరీ మొత్తం వెబ్ ప్లగిన్లను కలిగి ఉంది, అది మన వెబ్పేజీలో దిగుమతి చేసుకోవచ్చు మరియు వినియోగదారు-స్నేహపూర్వక వెబ్ పేజీలను సృష్టించడానికి దాన్ని ఉపయోగించవచ్చు.
తేడాను అర్థం చేసుకుందాం.
జావాస్క్రిప్ట్ vs j క్వెరీ
లక్షణాలు | జావాస్క్రిప్ట్ | j క్వెరీ |
ఉనికి | జావాస్క్రిప్ట్ ఒక స్వతంత్ర భాష మరియు దాని స్వంతంగా ఉనికిలో ఉంటుంది. | j క్వెరీ జావాస్క్రిప్ట్ లైబ్రరీ. జావాస్క్రిప్ట్ లేనట్లయితే ఇది కనుగొనబడలేదు. j క్వెరీ ఇప్పటికీ జావాస్క్రిప్ట్పై ఆధారపడి ఉంది, ఎందుకంటే బ్రౌజర్ అంతర్నిర్మిత జావాస్క్రిప్ట్ ఇంజిన్ను జావాస్క్రిప్ట్గా మార్చవలసి ఉంది. |
భాష | ఇది ఉన్నత-స్థాయి వ్యాఖ్యానం క్లయింట్-సైడ్ స్క్రిప్టింగ్ భాష. ఇది ECMA స్క్రిప్ట్ మరియు DOM (డాక్యుమెంట్ ఆబ్జెక్ట్ మోడల్) కలయిక | ఇది తక్కువ బరువు గల జావాస్క్రిప్ట్ లైబ్రరీ. దీనికి DOM మాత్రమే ఉంది |
కోడింగ్ | మన స్వంత కోడ్ను వ్రాయవలసి ఉన్నందున జావాస్క్రిప్ట్ ఎక్కువ కోడ్ పంక్తులను ఉపయోగిస్తుంది | jQuery దాని లైబ్రరీలో కోడ్ ఇప్పటికే వ్రాయబడిన అదే కార్యాచరణ కోసం జావాస్క్రిప్ట్ కంటే తక్కువ పంక్తులను ఉపయోగిస్తుంది, మేము లైబ్రరీని దిగుమతి చేసుకోవాలి మరియు మా కోడ్లోని లైబ్రరీ యొక్క సంబంధిత ఫంక్షన్ / పద్ధతిని ఉపయోగించాలి. |
వాడుక | జావాస్క్రిప్ట్ కోడ్ HTML పేజీలోని స్క్రిప్ట్ ట్యాగ్ లోపల వ్రాయబడింది | మేము j క్వెరీని CDN నుండి లేదా j క్వెరీ లైబ్రరీని డౌన్లోడ్ చేసిన ప్రదేశం నుండి దిగుమతి చేసుకోవాలి. HTML పేజీలోని స్క్రిప్ట్ ట్యాగ్ లోపల j క్వెరీ కోడ్ కూడా వ్రాయబడింది. |
యానిమేషన్లు | మేము జావాస్క్రిప్ట్లో అనేక పంక్తుల కోడ్లతో యానిమేషన్లు చేయవచ్చు. Html పేజీ యొక్క శైలిని మార్చడం ద్వారా యానిమేషన్లు ప్రధానంగా జరుగుతాయి. | J క్వెరీలో, తక్కువ పంక్తుల కోడ్తో యానిమేషన్ ప్రభావాలను సులభంగా జోడించవచ్చు. |
వినియోగదారు స్నేహపూర్వకత | జావాస్క్రిప్ట్ డెవలపర్కు గజిబిజిగా ఉంటుంది, ఎందుకంటే ఇది కార్యాచరణను సాధించడానికి అనేక పంక్తుల పంక్తులను తీసుకోవచ్చు | jQuery కొన్ని పంక్తుల కోడ్లతో జావాస్క్రిప్ట్ కంటే యూజర్ ఫ్రెండ్లీ |
క్రాస్ బ్రౌజర్ అనుకూలత | జావాస్క్రిప్ట్లో, అదనపు కోడ్ లేదా ప్రత్యామ్నాయాన్ని వ్రాయడం ద్వారా మేము క్రాస్ బ్రౌజర్ అనుకూలతతో వ్యవహరించాల్సి ఉంటుంది. | j క్వెరీ క్రాస్ బ్రౌజర్ అనుకూలంగా ఉంటుంది. మా కోడ్ను బ్రౌజర్కు అనుకూలంగా మార్చడానికి ఏదైనా ప్రత్యామ్నాయం లేదా అదనపు కోడ్ రాయడం గురించి మేము ఆందోళన చెందాల్సిన అవసరం లేదు. |
ప్రదర్శన | జావాస్క్రిప్ట్ నేరుగా బ్రౌజర్ చేత ప్రాసెస్ చేయబడినందున స్వచ్ఛమైన జావాస్క్రిప్ట్ j క్వెరీ కంటే DOM ఎంపిక / మానిప్యులేషన్ కోసం వేగంగా ఉంటుంది. | j క్వెరీని బ్రౌజర్లో అమలు చేయడానికి జావాస్క్రిప్ట్గా మార్చాలి. |
ఈవెంట్ నిర్వహణ, ఇంటరాక్టివిటీ మరియు అజాక్స్ కాల్స్ | ఇవన్నీ జావాస్క్రిప్ట్లో చేయవచ్చు కాని మనం చాలా పంక్తుల కోడ్ రాయవలసి ఉంటుంది. | ఇవన్నీ తక్కువ పంక్తుల కోడ్తో j క్వెరీతో సులభంగా చేయవచ్చు. లైబ్రరీలో ఫంక్షన్లు ముందే నిర్వచించబడినందున ఇంటరాక్టివిటీ, యానిమేషన్లను జోడించడం మరియు అజాక్స్ కాల్స్ చేయడం j క్వెరీలో సులభం. మేము అవసరమైన ప్రదేశాలలో మా కోడ్లో ఆ ఫంక్షన్లను ఉపయోగిస్తాము. |
వెర్బోసిటీ | జావాస్క్రిప్ట్ ఒక కార్యాచరణ కోసం అనేక పంక్తుల కోడ్లను వ్రాయవలసి ఉంటుంది | j క్వెరీ సంక్షిప్త మరియు తక్కువ కోడ్ పంక్తులను ఉపయోగిస్తుంది, కొన్నిసార్లు కోడ్ యొక్క ఒక లైన్ మాత్రమే. |
పరిమాణం మరియు బరువు | భాష కావడంతో, ఇది j క్వెరీ కంటే భారీగా ఉంటుంది | లైబ్రరీ కావడం వల్ల ఇది తేలికైనది. ఇది దాని కోడ్ యొక్క చిన్న వెర్షన్ను కలిగి ఉంది, ఇది తక్కువ బరువును కలిగిస్తుంది. |
పునర్వినియోగం మరియు నిర్వహణ | జావాస్క్రిప్ట్ కోడ్ వెర్బోస్ కావచ్చు మరియు అందువల్ల నిర్వహించడం మరియు తిరిగి ఉపయోగించడం కష్టం. | తక్కువ కోడ్ పంక్తులతో, j క్వెరీ మరింత నిర్వహించదగినది, ఎందుకంటే మన కోడ్లోని j క్వెరీ లైబ్రరీలో ముందే నిర్వచించిన ఫంక్షన్లను పిలవాలి. ఇది కోడ్లోని వేర్వేరు ప్రదేశాలలో j క్వెరీ ఫంక్షన్లను సులభంగా తిరిగి ఉపయోగించుకునేలా చేస్తుంది. |
ఉదాహరణతో జావాస్క్రిప్ట్ మరియు j క్వెరీ మధ్య వ్యత్యాసంతో కదులుతోంది.
జావాస్క్రిప్ట్ vs j క్వెరీ ఉదాహరణలతో
ఉదాహరణలను పరిశీలిద్దాం.
మా HTML పత్రంలో జావాస్క్రిప్ట్ మరియు j క్వెరీని కలుపుతోంది
జావాస్క్రిప్ట్ నేరుగా ట్యాగ్ లోపల ఉన్న HTML పత్రంలో జోడించబడుతుంది లేదా బాహ్య జావాస్క్రిప్ట్ ఫైల్ను HTML పత్రంలో src లక్షణాన్ని ఉపయోగించి జోడించవచ్చు.
స్క్రిప్ట్ ట్యాగ్ లోపల నేరుగా వ్రాయబడింది:
హెచ్చరిక ('ఈ హెచ్చరిక పెట్టెను ఆన్లోడ్ ఈవెంట్తో పిలిచారు')
J క్వెరీని ఉపయోగించటానికి మేము దాని వెబ్సైట్ నుండి ఫైల్ను డౌన్లోడ్ చేసుకుంటాము మరియు డౌన్లోడ్ చేసిన j క్వెరీ ఫైల్ యొక్క మార్గాన్ని SCRIPT ట్యాగ్ యొక్క src లక్షణంలో సూచిస్తాము లేదా మేము దానిని నేరుగా CDN (కంటెంట్ డెలివరీ నెట్వర్క్) నుండి పొందవచ్చు.
CDN ఉపయోగించి :
DOM ట్రావెర్సల్ మరియు మానిప్యులేషన్ అర్థం చేసుకుందాం
DOM ట్రావెర్సల్ మరియు మానిప్యులేషన్
జావాస్క్రిప్ట్లో:
మేము document.getElementById () పద్ధతిని ఉపయోగించి లేదా document.querySelector () పద్ధతిని ఉపయోగించి జావాస్క్రిప్ట్లో DOM మూలకాన్ని ఎంచుకోవచ్చు.
var mydiv = document.querySelector (“# div1”)
లేదా
document.getElementById (“# div1”)
J క్వెరీలో:
ఇక్కడ, మేము బ్రాకెట్లలోని సెలెక్టర్తో $ గుర్తును మాత్రమే ఉపయోగించాల్సి ఉంటుంది.
select (సెలెక్టర్) $ (“# div1”) - సెలెక్టర్ ఒక ఐడి 'div1' $ (“. div1”) - సెలెక్టర్ ఒక తరగతి 'div1' $ (“p”) - సెలెక్టర్ అనేది పేరాలోని పేరా Html పేజీ
పై స్టేట్మెంట్లో, j అనేది j క్వెరీని యాక్సెస్ చేయడానికి ఉపయోగించే ఒక సంకేతం, సెలెక్టర్ ఒక HTML మూలకం.
జావాస్క్రిప్ట్లో శైలులను కలుపుతోంది:
document.getElementById ('myDiv'). style.backgroundColor = '# FFF'
J క్వెరీలో శైలులను కలుపుతోంది:
$ ('# myDiv'). css (‘background-color ',' # FFF ')
#MyDiv సెలెక్టర్ ‘myDiv’ ఐడెంటిఫైయర్ను సూచిస్తుంది
DOM మూలకం ఎంపిక మరియు తారుమారు జావాస్క్రిప్ట్ కంటే j క్వెరీలో చాలా సంక్షిప్తమైంది.
ఈవెంట్ నిర్వహణతో కదులుతోంది.
పెద్ద డేటా విశ్లేషణల అనువర్తనాలు
ఈవెంట్ హ్యాండ్లింగ్
జావాస్క్రిప్ట్లో, మేము ఒక HTML మూలకాన్ని ఎంచుకుంటాము:
document.getElementById ('# button1'). addEventListener ('క్లిక్ ”, myCallback) ఫంక్షన్ myCallback () {కన్సోల్ (“ myCallback ఫంక్షన్ లోపల ”)}
ఇక్కడ getElementById () పద్ధతి దాని ఐడి ద్వారా ఒక మూలకాన్ని ఎంచుకోవడానికి ఉపయోగించబడుతుంది, ఆపై మేము ఈవెంట్కు ఈవెంట్ వినేవారిని జోడించడానికి addEventListener () పద్ధతిని ఉపయోగిస్తాము. ఈ ఉదాహరణలో, మేము మై కాల్బ్యాక్ ఫంక్షన్ను శ్రోతగా ‘క్లిక్’ ఈవెంట్కు జోడిస్తాము.
పై ఉదాహరణలో మేము అనామక ఫంక్షన్ను కూడా ఉపయోగించవచ్చు:
document.getElementById ('# button1'). addEventListener ('క్లిక్ ', ఫంక్షన్ () {console.log (“ ఫంక్షన్ లోపల ”)})
RemoveEventListener () పద్ధతిని ఉపయోగించి ఈవెంట్లిస్టెనర్ను తొలగించవచ్చు
document.getElementById (“# button1”). removeEventListener (“క్లిక్”, myCallback)
J క్వెరీలో
j క్వెరీ దాదాపు అన్ని DOM చర్యలకు ముందే నిర్వచించిన సంఘటనలను కలిగి ఉంది. మేము చర్య కోసం నిర్దిష్ట j క్వెరీ ఈవెంట్ను ఉపయోగించవచ్చు.
$ (“P”). క్లిక్ చేయండి (ఫంక్షన్ () {// క్లిక్ చర్య})
ఇతర ఉదాహరణలు:
Id (“# బటన్ 1”). Dblclick (ఫంక్షన్ () id // ఐడి ‘బటన్ 1’ తో html మూలకంపై డబుల్ క్లిక్ ఈవెంట్ కోసం చర్య
DOM మూలకానికి ఒకటి లేదా అంతకంటే ఎక్కువ సంఘటనలను జోడించడానికి J క్వెరీ ‘ఆన్’ పద్ధతి ఉపయోగించబడుతుంది.
On (“# బటన్ 1”). ఆన్ (“క్లిక్”, ఫంక్షన్ () action // చర్య ఇక్కడ})
మేము పద్దతితో బహుళ ఈవెంట్స్ మరియు బహుళ ఈవెంట్ హ్యాండ్లర్లను జోడించవచ్చు.
On (“బటన్ 1”). ఆన్ ({క్లిక్: ఫంక్షన్ () {// ఇక్కడ చర్య}, dblclick: ఫంక్షన్ () {// చర్య ఇక్కడ}})
రెండు లేదా అంతకంటే ఎక్కువ ఈవెంట్లు క్రింద ఉన్న హ్యాండ్లర్ను కలిగి ఉంటాయి:
html మరియు xml మధ్య తేడాలు
On (“# బటన్ 1”). ఆన్ (“క్లిక్ చేయండి dblclick”, ఫంక్షన్ () action // చర్య ఇక్కడ})
తక్కువ మరియు సంక్షిప్త కోడ్తో, జావాస్క్రిప్ట్లో కంటే ఈవెంట్ నిర్వహణ j క్వెరీలో సులభం అని మనం చూస్తాము.
అజాక్స్ కాల్లతో కదులుతోంది.
అజాక్స్ కాల్స్
జావాస్క్రిప్ట్లో
జావాస్క్రిప్ట్ సర్వర్కు అజాక్స్ అభ్యర్థనను పంపడానికి XMLHttpRequest ఆబ్జెక్ట్ను ఉపయోగించింది. XMLHttpRequest అజాక్స్ కాల్ చేయడానికి అనేక పద్ధతులను కలిగి ఉంది. రెండు సాధారణ పద్ధతులు ఓపెన్ (పద్ధతి, URL, అసిన్క్, యూజర్, PSW), పంపండి () మరియు పంపండి (స్ట్రింగ్).
మొదట XMLHttp అభ్యర్థనను సృష్టించండి:
var xhttp = new XMLHttpRequest () అప్పుడు ఓపెన్ పద్ధతిని పిలవడానికి ఈ వస్తువును ఉపయోగించండి: xhttp.open ('GET', 'D: //getinfo.txt', true) xhttp.send ()
ఓపెన్ పద్ధతి సర్వర్ / స్థానానికి గెట్ రిక్వెస్ట్ చేస్తుంది, ట్రూ అభ్యర్థన అసమకాలికమని పేర్కొంటుంది. విలువ తప్పు అయితే, అభ్యర్థన సమకాలీకరించబడిందని అర్థం.
పోస్ట్ అభ్యర్థన చేస్తోంది:
var xhttp = new XMLHttpRequest () అప్పుడు ఓపెన్ ఆబ్జెక్ట్కు కాల్ చేయడానికి మరియు పోస్ట్ అభ్యర్థన చేయడానికి ఈ వస్తువును ఉపయోగించండి: xhttp.open ('POST', 'D: //postinfo.txt', true) xhttp.send ()
అభ్యర్థనతో డేటాను పోస్ట్ చేయడానికి, పంపవలసిన డేటా రకాన్ని నిర్వచించడానికి మేము xhttp యొక్క setRequestHeader పద్ధతిని ఉపయోగిస్తాము మరియు పంపే పద్ధతి డేటాను కీ / విలువ జతలలో పంపుతుంది:
xhttp.setRequestHeader ('కంటెంట్-రకం', 'అప్లికేషన్ / x-www-form-urlencoded') xhttp.send ('పేరు = రవి & ఇంటిపేరు = కుమార్')
J క్వెరీలో
అజాక్స్ కాల్స్ చేయడానికి j క్వెరీలో అనేక అంతర్నిర్మిత పద్ధతులు ఉన్నాయి. ఈ పద్ధతులతో, మేము సర్వర్ నుండి ఏదైనా డేటాను కాల్ చేయవచ్చు మరియు డేటాతో వెబ్పేజీలో కొంత భాగాన్ని నవీకరించవచ్చు. j క్వెరీ పద్ధతులు అజాక్స్ కాల్ను సులభతరం చేస్తాయి.
J క్వెరీ లోడ్ () పద్ధతి: ఈ పద్ధతి URL నుండి డేటాను పొందుతుంది మరియు డేటాను HTML సెలెక్టర్కు లోడ్ చేస్తుంది.
Load (“p”). లోడ్ (URL, డేటా, బ్యాక్బ్యాక్)
URL అనేది డేటా కోసం పిలువబడే ప్రదేశం, ఐచ్ఛిక డేటా పరామితి అనేది మేము కాల్తో పాటు పంపించాలనుకుంటున్న డేటా (కీ / విలువ జతలు) మరియు ఐచ్ఛిక పారామితి 'కాల్బ్యాక్' అనేది లోడ్ తర్వాత మేము అమలు చేయాలనుకునే పద్ధతి పూర్తయింది.
J క్వెరీ $ .get () మరియు $ .పోస్ట్ () పద్ధతి: ఈ పద్ధతి ఒక URL నుండి డేటాను పొందుతుంది మరియు డేటాను HTML సెలెక్టర్కు లోడ్ చేస్తుంది.
get .get (URL, బ్యాక్బ్యాక్)
URL అనేది డేటా కోసం పిలువబడే ప్రదేశం మరియు బ్యాక్ అనేది లోడ్ పూర్తయిన తర్వాత మేము అమలు చేయాలనుకుంటున్న పద్ధతి.
$ .పోస్ట్ (URL, డేటా, బ్యాక్బ్యాక్)
URL అనేది డేటా కోసం పిలువబడే ప్రదేశం, డేటా అనేది మేము కాల్తో పంపించాలనుకునే కీ / విలువ జత / లు మరియు లోడ్ పూర్తయిన తర్వాత మేము అమలు చేయాలనుకుంటున్న పద్ధతి బ్యాక్బ్యాక్. ఇక్కడ డేటా మరియు బ్యాక్ పారామితులు ఐచ్ఛికం.
j క్వెరీ అజాక్స్ కాల్స్ జావాస్క్రిప్ట్ కంటే సంక్షిప్తమైనవి. జావాస్క్రిప్ట్లో, మేము ఒక XMLHTTPRequest ఆబ్జెక్ట్ని ఉపయోగిస్తున్నాము, j క్వెరీలో మేము అలాంటి వస్తువును ఉపయోగించాల్సిన అవసరం లేదు.
యానిమేషన్తో కదులుతోంది.
యానిమేషన్
జావాస్క్రిప్ట్లో
జావాస్క్రిప్ట్కు j క్వెరీ యానిమేట్ () ఫంక్షన్ వంటి నిర్దిష్ట యానిమేషన్ ఫంక్షన్ లేదు. జావాస్క్రిప్ట్ యానిమేషన్ ప్రభావం ప్రధానంగా మూలకం యొక్క శైలిని మార్చడం ద్వారా లేదా CSS పరివర్తన, అనువాదం లేదా లక్షణాలను యానిమేట్ చేయడం ద్వారా సాధించవచ్చు. జావాస్క్రిప్ట్ యానిమేషన్ ప్రభావాల కోసం సెట్ఇంటర్వల్ (), క్లియర్ ఇంటర్వాల్ (), సెట్టైమ్అవుట్ () మరియు క్లియర్టైమౌట్ () పద్ధతులను కూడా ఉపయోగిస్తుంది.
setInterval (myAnimation, 4) ఫంక్షన్ myAnimation () {document.getElementById ('# div1'). style.transform = 'అనువదించండి (100px, 100px)' document.getElementById ('# div1'). style.transform = 'రొటేట్ ( 20 దేగ్) '}
జావాస్క్రిప్ట్లోని యానిమేషన్ ప్రధానంగా CSS లక్షణాలను మార్చడం.
J క్వెరీలో
HTML అంశాలపై యానిమేషన్లు లేదా ప్రభావాలను జోడించడానికి j క్వెరీలో అనేక అంతర్నిర్మిత పద్ధతులు ఉన్నాయి. వాటిలో కొన్నింటిని తనిఖీ చేద్దాం.
యానిమేట్ () పద్ధతి: ఒక మూలకంపై యానిమేషన్ను జోడించడానికి ఈ పద్ధతి ఉపయోగించబడుతుంది.
$ ('# button1'). క్లిక్ చేయండి (ఫంక్షన్ () {$ ('# div1') .అనిమేట్ ({ఎత్తు: '300px'})})
ప్రదర్శన () పద్ధతి: దాచిన స్థితి నుండి ఒక మూలకాన్ని కనిపించేలా చేయడానికి ఈ పద్ధతి ఉపయోగించబడుతుంది.
$ ('# button1'). క్లిక్ చేయండి (ఫంక్షన్ () {$ ('# div1'). చూపించు ()})
దాచు () పద్ధతి: కనిపించే స్థితి నుండి ఒక మూలకాన్ని దాచడానికి ఈ పద్ధతి ఉపయోగించబడుతుంది.
$ ('# button1'). క్లిక్ చేయండి (ఫంక్షన్ () {$ ('# div1'). దాచు ()})
వెబ్పేజీలో యానిమేషన్ మరియు ప్రభావాలను ఉత్పత్తి చేయడానికి j క్వెరీకి దాని స్వంత పద్ధతులు ఉన్నాయి.
మొత్తానికి, జావాస్క్రిప్ట్ వెబ్ అభివృద్ధికి ఒక భాష, j క్వెరీ అనేది జావాస్క్రిప్ట్ నుండి ఉద్భవించిన లైబ్రరీ. వెబ్ అభివృద్ధిలో జావాస్క్రిప్ట్ మరియు j క్వెరీలకు వారి స్వంత ప్రాముఖ్యత ఉంది.
జావాస్క్రిప్ట్ లూప్ల గురించి ఇప్పుడు మీకు తెలుసు, చూడండి ఎడురేకా చేత. HTML5, CSS3, Twitter బూట్స్ట్రాప్ 3, j క్వెరీ మరియు గూగుల్ API లను ఉపయోగించి ఆకట్టుకునే వెబ్సైట్లను ఎలా సృష్టించాలో తెలుసుకోవడానికి మరియు దానిని అమెజాన్ సింపుల్ స్టోరేజ్ సర్వీస్ (S3) కు అమర్చడానికి వెబ్ డెవలప్మెంట్ సర్టిఫికేషన్ శిక్షణ మీకు సహాయం చేస్తుంది.
మాకు ప్రశ్న ఉందా? దయచేసి దీనిని “జావాస్క్రిప్ట్ వర్సెస్ j క్వెరీ” యొక్క వ్యాఖ్యల విభాగంలో పేర్కొనండి మరియు మేము మీ వద్దకు తిరిగి వస్తాము.