[Powered by Google Translate] [సెమినార్: j క్వెరీ]
[విపుల్ Shekhawat, హార్వర్డ్ విశ్వవిద్యాలయం]
[ఈ CS50 ఉంది.] [CS50.TV]
మీరు ఇంటి వద్ద పాటు అనుసరిస్తున్నారు ఉంటే, మీరు నిజంగా ఆన్లైన్ నా స్లయిడ్లను యాక్సెస్ చేయవచ్చు
ఈ లింక్ కు వెళ్ళి.
ఇది bit.ly. న, TjjRWj వార్తలు
మీరు కూడా కేవలం, నేరుగా URL కు వెళ్ళే
ఇది నా పేరు ఇది cloud.cs50.net / ~ vshekhawat, ఉంది
మరియు j క్వెరీ ఉన్నాయి.
నేను చాలా మీరు ఇంటి వద్ద చూస్తున్న ఉంటే మీరు పాటు అనుసరించండి ప్రోత్సహిస్తున్నాము,
మీరు ఇక్కడ అయితే, కూడా, ఈ అందమైన ఇంటరాక్టివ్ ప్రదర్శనను ఎందుకంటే.
>> ఇప్పటికీ, నేను j క్వెరీ గురించి మాట్లాడటం సాధ్యం వెళుతున్న, మరియు మొదటి ప్రశ్న
j క్వెరీ ఏమిటి?
ఈ సంవత్సరం, నేను మీరు అబ్బాయిలు జావాస్క్రిప్ట్ కవర్ కాదు నాకు తెలుసు
మేము గత సంవత్సరాలలో కలిగి ఎక్కువ వివరాలను లో.
జావాస్క్రిప్ట్, మొదటి అన్ని యొక్క, కేవలం ఒక క్లైంట్ వైపు భాష
మీరు ప్రతి యూజర్ యొక్క మెషీన్లో స్క్రిప్ట్స్ మరియు కోడ్ అమలు ఉపయోగించే.
సో మీరు, ప్రజలకు వెబ్ పేజీలు అందించే ఒక సర్వర్ కలిగి
కానీ మీరు, వారి మిషన్ విషయాలను చేయాలనుకుంటున్నారా ఉండవచ్చు
మీ సర్వర్ ప్రతి 30 సెకన్లు లేదా అలాంటిదే అభ్యర్థనలను పంపడానికి వారి యంత్రం అడగండి.
మీరు JavaScript ఉపయోగించి చేయవచ్చు.
J క్వెరీ కేవలం జావాస్క్రిప్ట్ పైన మరింత కార్యాచరణను అందిస్తుంది
మీరు అదనపు స్టఫ్ చేస్తుంది.
మీరు పైన విషయాలను చూడండి, లేకపోతే
మీరు ఏమి చూడగలరని విషయం జరిగింది.
సో మొత్తం, జనవరి 2006 లో రూపొందించారు.
ఇది మొదటి ఆగస్టు 2005 లో ఉద్భవించింది.
ఇది ఒక జంట క్రితం నుంచి, అది నిజంగా కొత్త వెబ్ 2.0 ఉద్యమం భాగంగా ఉంది
ఇంటర్నెట్ కాబట్టి మెరిసే వచ్చాయి.
ఇది విస్తృతంగా జావాస్క్రిప్ట్ లైబ్రరీస్.
మిలియన్ 19.6 ఓవర్ వెబ్సైట్లు ఉపయోగిస్తున్నారు, మరియు వాడుక ఇప్పటికీ పెరుగుతోంది
builtwith.com ప్రకారం, ఇది, స్పష్టంగా, గత సంవత్సరంలో,
కేవలం నిరంతరం బొత్తిగా సమాంతర పెరుగుతోంది.
టాప్ 10 మిలియన్ సైట్ లలో, ఇప్పటికీ ఉంది -
వాటిలో 40% ప్రస్తుతం ఉపయోగిస్తున్నారు.
ఫేస్బుక్ ఉపయోగిస్తుంది, ఇతర వెబ్సైట్ల మా ప్రస్తుతం దాన్ని ఉపయోగించండి.
మీరు కావాలనుకుంటే మీరు, మీ స్వంత న ఆ గణాంకాలు చూడవచ్చు.
అది ఒక పునాది మరియు 13 బోర్డు సభ్యులు ఎందుకంటే మరియు మీరు, ఇది యొక్క నమ్మకమైన తెలియజేయగలరా
ఒక క్రమ పద్ధతిలో పని 20 మంది జట్టు వెంట.
కనుక ఇది చాలా విస్తృతంగా ఉపయోగించబడిన, అది ఒక. Org URL కలిగి ఫాన్సీ వార్తలు,
ఇతర stuff కోసం స్పిన్ ఆఫ్లు ఉంది, కాబట్టి అది ఒక పెద్ద ఒప్పందం వార్తలు.
>> ఎందుకు మీరు వాడాలి? J క్వెరీ చాలా తేలికగా.
అది ఒక భారీ ఫైలు కాదు అర్థం. మీరు డౌన్లోడ్ చేసుకోవచ్చు
minified ఫైలు, ఇది అన్ని తెల్లని స్థలం మరియు వ్యాఖ్యలు లేకుండా, మరియు అది మాత్రమే 32 kB వార్తలు.
కనుక ఇది మీ వెబ్ పేజీ లో టాస్ సులభం
మరియు కేవలం అది ఉపయోగించి ప్రారంభించడానికి.
ఇది కూడా చాలా సమర్థవంతంగా వ్రాసిన, కనుక దీనిని చాలా పడుతుంది లేదు -
మీరు దాన్ని ఉపయోగించడానికి చాలా అది మీ వెబ్సైట్ వేగాన్ని లేదు.
ఇది మీరు గతంలో సాధ్యం కావు అని విషయాలు అమలు అనుమతిస్తుంది.
కార్యాచరణలో కొన్ని అంశాలను, ఉన్నాయి
యానిమేషన్లు సృష్టించడం వంటి, సాధారణంగా చేయాలని చాలా, చాలా కష్టంగా ఉంటుంది.
కానీ j క్వెరీ వారు నిజానికి చాలా సులభమైన ఉన్నాము.
మరియు చేయాలని బాధించే కొన్ని విషయాలు ఉన్నాయి
జావాస్క్రిప్ట్ లో సాధ్యం, ఒక POST అభ్యర్థనను పంపి వంటి,
కానీ ఒక సర్వర్కు మీరు ఒక అభ్యర్థనను పంపడానికి, మీరు వ్రాయడానికి కలిగి
కోడ్ యొక్క ఐదు లేదా ఆరు లేదా ఏడు లైన్లు.
ఇప్పుడు మీరు కేవలం ఒక ఒంటరి చర్యను కాల్ లో, కోడ్ యొక్క ఒక లైన్ లో చేయవచ్చు.
నిజంగా మీరు చేస్తున్న విషయం చాలా సులభతరం.
మరియు అన్ని చల్లని పిల్లలు ఉపయోగిస్తున్నారు. ద్వారా, నేను అర్థం.
నా ఆఖరి ప్రాజెక్ట్ లో గత సంవత్సరం, ఇది, news.whrb.org ఉంది
రేడియో స్టేషన్ కోసం ఇది, నేను ఈ బ్లాగ్ రూపొందించినవారు
ఇది అన్ని మేము పూర్తి చేసిన ప్రదర్శనలు మరియు వాటిని కోసం MP3 ఫైళ్లు నిర్వహిస్తుంది.
మీరు గత ప్రదర్శనలు బ్రౌజ్ చేయవచ్చు
మరియు అది అన్ని j క్వెరీ ఉపయోగించి ప్రదర్శనతో. మీకు చెప్తాను
ఎందుకంటే ఈ యానిమేషన్, ముఖ్యంగా.
మీరు కనుక - మీరు ఒక కొత్త పోస్ట్ సృష్టిస్తున్నారు ఉంటే,
మీరు ఈ చిన్న slideDowns చూడండి; అన్ని j క్వెరీ ఉపయోగించి ప్రదర్శనతో.
మరియు ఈ ఫేడ్ - కాబట్టి వాటిలో ఆ విధమైన అన్ని, j క్వెరీ ఉపయోగించి జరుగుతుంది
మరియు మీరు నిరంతరం సైట్ నావిగేట్ చెయ్యడానికి పేజీ రీలోడ్ లేదు.
J క్వెరీ ఉపయోగించి తయారు మరొక చల్లని విషయం ఈ ప్రదర్శన.
నేను, scrolldeck అని ఈ ఓపెన్ సోర్స్ విషయం ఉపయోగించి వెబ్
ఇది ఎవరైనా j క్వెరీ పైన వ్రాసారు.
మీరు నిజంగానే మూలం చూడండి, మీరు ఆ చూడగలరు
వారు ఈ డాలర్ సైన్ ఉపయోగిస్తున్నారు; డాలర్ సైన్స్
ఒక ఫంక్షన్ ఒక j క్వెరీ ఫంక్షన్ అని సూచిస్తుంది j క్వెరీ ఉపయోగిస్తారు.
కాబట్టి అవి j క్వెరీ పైన ఒక రేపర్ నిర్వచించు చేస్తున్నారు
మీరు, ఈ వంటి ఒక ప్రదర్శన చేయడానికి అనుమతిస్తుంది
మరియు మీరు, ఇక్కడ అసలు j క్వెరీ ఫైలు సహా చేస్తున్న చూడగలరు
ఇది j క్వెరీ ఉపయోగించడానికి కావాలా మీరు కలిగి ఉంటుంది ఏమి ఉంది
మీ సొంత వెబ్ సైట్ లో.
>> ఆ పట్టుకోవటంలో, ఎలా మీరు ఇన్స్టాల్ చెయ్యాలి?
మీరు కేవలం, ఫైలు jQuery.com మరియు డౌన్లోడ్ వెళ్ళవచ్చు
ఒక వెబ్ డైరెక్టరీ జోడించి, ఉన్నాయి.
సో కేవలం పైన, మీ HTML ఫైలు యొక్క తల ట్యాగ్ లో
మీ ప్రధాన HTML ఫైలు యొక్క, కేవలం కోడ్ లైనును కలిగి
మీరు ఉపయోగించే j క్వెరీ యొక్క ఏ వెర్షన్ కోసం సరైన వెర్షన్ తో.
మీరు, jQuery.com వెళుతున్న ద్వారా డౌన్లోడ్ చేసుకోవచ్చు
", డౌన్లోడ్ j క్వెరీ" క్లిక్ చేసి మీరు వచ్చింది చేసిన. అది.
మరియు వాస్తవానికి, మేము అది కనిపిస్తుంది ఏమి వద్ద ఒక లుక్ పట్టవచ్చు.
మీరు ఇక్కడ డౌన్లోడ్ క్లిక్ ఉంటే, j క్వెరీ ఈ.
ఇది మీరు కోసం అన్ని మాయ పదార్ధము చేసే కేవలం ఒక పెద్ద జావాస్క్రిప్ట్ ఫైలు యొక్క.
ఈ అన్ని వద్ద రీడబుల్ కాదు minified వెర్షన్లో.
మీరు కూడా చదవగలిగే ఇది అభివృద్ధి వెర్షన్ చూడవచ్చు
కానీ ఇప్పటికీ చాలా, చాలా సుదీర్ఘ.
ఇది అక్కడ stuff చాలా వార్తలు.
మీరు కూడా అది Google యొక్క హోస్ట్ వెర్షన్ కు లింక్ చేయవచ్చు.
తద్వారా మీరు దాన్ని అందించడానికి Google ఆధారపడి అనుమతిస్తాయి ఉంటాం.
వారు అన్ని సమయాల్లో అందుబాటులో ప్రతి వెర్షన్ అందించడానికి.
సో మీరు బహుశా మీరు దానిని హోస్ట్ Google ఆధారపడవచ్చు.
లేదా మీరు j క్వెరీ యొక్క సొంత తాజా వెర్షన్ లింకు.
వారు ఎల్లప్పుడూ తాజా వెర్షన్ కు నవీకరించబడింది ఒక URL కలిగి.
, ఇది j క్వెరీ-తాజా వార్తలు, మరియు ఆ తో ఒక సమస్య ఉంది
ఇది అని ఉంటే నవీకరించబడింది j క్వెరీ మరియు మునుపటి కార్యాచరణ యొక్క కొన్ని
వారు, retrograded లేదా డీప్రికేటెడ్ అవుతుంది చేసింది
ఇది చేయకపోవచ్చు - ఇది ఇకపై మద్దతు చేసుకోగా మొదలు పెడతాయి.
మీరు, వెర్షన్ 1.8.2 ఉపయోగించి ఒక వెబ్ సైట్ వ్రాయడానికి కనుక
సమయం వెర్షన్ 2.7 బయటకు వస్తుంది
మీరు రాశారు విధులు కొన్ని ఇకపై పని లేదు.
అది 32 kB ఫైల్ కేవలం డౌన్లోడ్ ఉత్తమం
మీ వెబ్ పేజీలో ఉంచాలి, మరియు అది ఎప్పటికీ పని చేస్తాము.
>> నేను ముందుకు వెళ్లి j క్వెరీ వాస్తవ కార్యాచరణ గురించి మాట్లాడటం మొదలు వెళుతున్న.
మొదటి విషయం సెలెక్టర్లు ఉంది. ఈ j క్వెరీ ప్రారంభంలో అందించడానికి ఉద్భవించింది ఏమిటి.
మరియు మీరు చూడండి డాక్యుమెంటేషన్ క్లిక్ చెయ్యండి
నేను కవర్ చేయడానికి వెళుతున్న సెలెక్టర్లు కోసం వివరణాత్మక డాక్యుమెంటేషన్.
సెలెక్టర్లు ఆలోచనకు మీరు ఒక పేజీ మీద HTML అంశాలు ఎంపిక చేయవచ్చు ఉంది.
ఒక పేజీ ఎలిమెంట్ ID లు మరియు తరగతులు మరియు వాటిని ఇతర గుర్తించడం అంశాలను కలిగి.
కూడా ఉంది - వివిధ ఆర్డర్లను లో they're.
వారు ప్రతి ఇతర లోపల యున్న చేస్తున్న సమయంలో కొన్ని.
J క్వెరీ మీరు పేజీ నుండి అంశాలను తిరిగి సాధారణ ప్రశ్నలు నిర్మించేందుకు అనుమతిస్తుంది.
అప్పుడు మీరు, j క్వెరీ ఫంక్షన్లను ఉపయోగించి ఈ అంశాలను చేయవచ్చు
మేము తరువాత చూస్తారు తారుమారు విభాగం ఇది.
మీరు HTML, CSS మార్చడానికి, మార్చవచ్చు
మీరు కూడా యానిమేట్ మరియు కొన్ని సంఘటనల సక్రియం కార్యకలాపాల్లో జోడించవచ్చు.
ఏదో క్లిక్ లో చేస్తే, ఉదాహరణకు, మీరు, ఏమి ఏదో కావలసిన
మీరు j క్వెరీ అలాగే ఉపయోగించి చేయవచ్చు.
మరియు అంశాలను ఎంచుకోండి మార్గాలు భారీ సంఖ్యలో ఉన్నాయి.
వాటిని చాలా నేను ఎప్పుడూ ఉపయోగించలేదు, అయితే ప్రాథమిక వాటిని ఉన్నాయి
ఇది చాలా ముఖ్యమైనవి.
మూలకం సెలెక్టర్, ఉదాహరణకు, మీరు దేని ఎంచుకోవడం చేస్తున్నారు
ఒక div ఉంది - నిజానికి ఈ స్లయిడ్ ప్రదర్శన కోసం ఓపెన్ కోడ్ కలిగి.
సో, ఉదాహరణకు, ఇక్కడ మొదటి స్లయిడ్ వార్తలు.
ఇక్కడ మేము ఒక div కలిగి. మేము నిజానికి పేజీలో అన్ని divs ఎంచుకుంటే,
ఇది కేవలం మాకు ఈ ఫైలు ఉండే అన్ని divs యొక్క ఒక అర్రే ఇస్తాము.
ID సెలెక్టర్ మీరు ఇచ్చిన ID తో ఏదైనా ఎంచుకోండి అనుమతిస్తుంది.
ఈ ఉదాహరణకు, ఈ విషయం ID "ఏమి," ఉంది కనుక
మరియు మేము # ఏమి బదులుగా కొన్ని ID తో ఈ చేస్తే,
ఇది కేవలం ఒకే ఒక మూలకాన్ని ఉంది మరియు ఆ పేజీ యొక్క మూలకం అని వ్యూహం తిరిగి.
మేము కూడా ద్వారా సెలెక్టర్లు ఈ విధంగా మిళితం చేయవచ్చు
మాత్రమే divs అని ID లతో విషయాలు ఎంచుకోండి.
Yeah సో. మాత్రమే ID కలిగి divs ఎంచుకోండి.
తరగతి మీరు కేవలం ఒక డాట్ ఉపయోగించడానికి, అది CSS అదే విషయం.
వంశస్థుడు కూడా పనిచేస్తుంది; మీరు కొన్ని తరగతి కలిగి కనుక
ఉదాహరణకు, కాబట్టి - మరియు అది అంశాలకు యున్న ఉంది
అక్కడ కొన్ని తరగతి మరియు మరొక పేజీ లింక్ ఒక యాంకర్ ట్యాగ్,
మీరు లింక్ తిరిగి ఈ సింటాక్స్ ఉపయోగించవచ్చు.
మీరు కూడా ఒకేసారి విషయాలు ఎంచుకోవచ్చు; కేవలం కామాలతో వేరు,
మీరు కావాలనుకుంటున్న ఏవైనా సెలెక్టర్ ఉపయోగించడానికి, మరియు మీరు ఒక అర్రే లో, ఒకేసారి వాటిని అన్ని ఎంచుకోండి ఉంటుంది.
ఆపై కూడా సెలెక్టర్ లేదు, అప్పుడు మీరు అన్ని divs ఎంచుకోవచ్చు
కొన్ని నిర్దిష్ట తరగతి లేని.
మరియు కేవలం ఈ ఎంపిక పనిచేస్తుంది ఎలా పరిచయం పొందడానికి ఉపయోగపడిందా మార్గం.
నేను ఒక రెండవ లో కొన్ని నిర్దిష్ట ఉదాహరణలు చూపుతాము.
>> అధునాతన సెలెక్టర్లు ఉన్నాయి - ఈ కేవలం కొన్ని ఉదాహరణలు.
అక్కడ ఈ డజన్ల కొద్దీ, కానీ మీరు అన్ని చిత్రం టాగ్లు ఎంచుకోండి ఉంటే
కొన్ని మూలకం లోపల, అప్పుడు మీరు ఏమి: చిత్రం.
మీరు, ఉదాహరణకు, కూడా అంశాలను ఎంచుకోండి ఉంటే వాటిని 20 ఉన్నాయి ఉంటే,
మీరు, 0, 2, 4, 6 మరియు అందువలన న ఎంచుకోండి
కూడా, లేదా మీరు కూడా చేయవచ్చు: మీరు బేసి.
ఈ నకిలీ సెలెక్టర్లు ఉన్నాయి, ఇవి నిజానికి గణించడం అర్థం
ప్రతి ఇతర మూలకం కేవలం వెళుతున్న మరియు వాటిని అన్ని ఎంచుకోవడం కంటే.
మీరు కూడా చేయవచ్చు - ప్రతి మూలకం నిర్దిష్ట లక్షణాలను కలిగి ఉంటుంది.
సో, ఉదాహరణకు, తరగతి = సెంటర్ కూడా ఒక లక్షణం.
ఈ యాంకర్ ట్యాగ్ కోసం, href, హైపర్టెక్స్ట్ సూచన కూడా ఒక లక్షణం.
ఇది నిజంగా జనరల్ - కాబట్టి మీరు ఒక నిర్దిష్ట పేజీ లేదా కేవలం లింకులు ఏదో ఎంచుకోవచ్చు.
మీరు చేర్చదలచిన ఏ లక్షణం ఏదైనా ఎంచుకోవచ్చు.
ఆపై, కూడా, గుణం కలిగి.
మీరు, ఉదాహరణకు, అన్ని ఇన్పుట్ అంశాలు ఎంచుకోండి అనుకుంటే
ఆ, వాటిని పేరు పదం "పాస్" కలిగి
ఒక పేజీ ఇన్పుట్ టెక్స్ట్ బ్లాక్ కలిగి ఉంటే
మీరు ఎంచుకోండి కాలేదు ఒక మార్గం భావిస్తున్నట్టు "పాస్వర్డ్" అని.
మరియు అనేక మరింత ఉన్నాయి. మీరు కొనసాగి డాక్యుమెంటేషన్ చూడవచ్చు
మరియు అది ఎలా పనిచేస్తుంది నిర్దిష్ట ఉదాహరణలు చూడండి.
>> తదుపరి విషయం DOM పనితనం.
మేము అంశాలు ఎంచుకున్న తర్వాత, మేము నిజానికి వారితో stuff చేయాలని అనుకునే.
ఇప్పటివరకు మేము అన్ని వద్ద ఆ చూశారు, కానీ మీకు డాక్యుమెంటేషన్ చూడండి ఉంటే,
మేము చేయగల చాలా నిజంగా ఉంది.
ఈ సమయంలో, మేము ఈ ప్రదర్శనను అంశాలు ఎంచుకోండి చేయబోతున్నామని
మరియు వాటిని j క్వెరీ ఉపయోగించి రెట్టింపు.
ఈ j క్వెరీ ఉపయోగించి అమలు ఎందుకంటే, మేము, j క్వెరీ లైబ్రరీ యాక్సెస్
మరియు మేము ఈ కోడ్ లోపల ఆ విధులు ఉపయోగించవచ్చు.
మీరు గురించి తెలియదు ఉండవచ్చు ఒక ఉపయోగకరమైన విషయం కన్సోల్ ఉంది.
మరియు Google Chrome నేను ఉపయోగించి వెబ్ ఏమిటి. మీరు alt ఆదేశం J నొక్కండి
లేదా alt నియంత్రణ J కన్సోల్ తెరవడానికి.
Firefox లో నేను యొక్క ఆదేశం షిఫ్ట్ K లేదా నియంత్రణ షిఫ్ట్ K. అనుకుంటున్నాను
Safari లో మీరు కొన్ని సెట్టింగులను మార్చు వెళ్ళడానికి కలిగి.
అక్కడ మీరు దీన్ని చెయ్యాలనుకుంటే ఒక లింక్ యొక్క, కానీ నేను Chrome లేదా Firefox పొందడానికి సిఫార్సు.
సో యొక్క కన్సోల్ తెరుచుకుంటుంది వీలు, ఇక్కడ డౌన్ వార్తలు.
ఇది మీరు basically మీరు ఏదైనా కేవలం అనుమతిస్తుంది.
సో మీరు, ఒక వేరియబుల్ అని x సృష్టించడానికి టైప్ చేయవచ్చు
x = 5, x + 2 ఏమి చూడండి చేసుకుందాం.
మీరు CS వంటి ఏదో కూడా చేయవచ్చు + చూద్దాం, x CS50 ఉంటుంది + 45.
మీరు కేవలం కొన్ని సాధారణ జావాస్క్రిప్ట్ stuff చేయవచ్చు.
కానీ మీరు కూడా ఇక్కడ j క్వెరీ చేయవచ్చు.
>> ఇక్కడ ఈ మొదటి కోణం చూడండి చేసుకుందాం.
మేము ఒక స్ట్రింగ్ ఇది HTML, అనే వేరియబుల్ సృష్టించడానికి చేయబోతున్నామని.
ఇది కొన్ని కొత్త టెక్స్ట్ అని ఆ, అది ఒక పేరా ట్యాగ్.
కాబట్టి మేము ఈ HTML కలిగి, అది పేరా ట్యాగ్లు, కొన్ని క్రొత్త టెక్స్ట్ యొక్క.
ఇప్పుడు మేము నిజానికి పేజీకి జోడించాలనుకునే.
నేను ఈ పేరాగ్రాఫ్ కోసం HTML, ఇక్కడ ఈ టైటిల్, append ID ఉంది కనుక ఇది ఏర్పాటు.
మేము అప్పుడు append ID ఎంచుకోండి మరియు ఉంటే అది జోడించు
నేను సృష్టించిన HTML వేరియబుల్,
కుడి ఈ పేరా టాగ్ తర్వాత, చివర ఆ HTML జోడిస్తుంది.
మేము అలా చేస్తే - మేము, ఈ పేరా ఎంపిక
మరియు మేము, నేను జోడించిన HTML వేరియబుల్ తో append ఫంక్షన్ అని చేసిన
ఇది పేజీలో కుడి ఉన్నాయి కొత్త టెక్స్ట్ జోడిస్తుంది.
మేము కూడా ఆ మూలకం యొక్క ప్రారంభంలో, ముందు వెళ్ళి అంటే, prepend చేయవచ్చు.
అందుకని మొదట్లో మరియు తరువాత కొన్ని కొత్త టెక్స్ట్ ఉంది.
నేను ముందుకు వెళ్లి నేను చేసిన ఈ విషయం వదిలించుకోవటం రిఫ్రెష్ చేయవచ్చు.
కానీ prepend ఉపయోగించవచ్చు ఎలా ఒక ఉదాహరణ మరియు పద్ధతులు జోడించు
పేజీ విషయాలను మార్చటానికి, కొన్ని HTML జోడించండి.
>> మీరు కూడా తరగతులు మార్చవచ్చు.
తిరిగి ఈ శైలి ఫైలు లో, నేను విజయం తరగతి ఈ సృష్టించాను
ఆ టెక్స్ట్ రంగు ఎరుపు, కొంత నేపథ్య రంగు, మరియు ఒక టెక్స్ట్ నీడ ఉంది.
ఇది వికారమైన కనిపిస్తుంది, కానీ నేను వాస్తవానికి -
ఈ పేరా తరగతి ID అనుగుణంగా.
నేను విజయం కోసం తరగతి జోడించవచ్చు.
నేను, కన్సోల్ ఈ అమలు చెయ్యవచ్చు
మరియు ఆ తరగతి జోడిస్తుంది, మరియు ఇప్పుడు అది భయంకరమైన ఉంది, ఊహించిన.
CSS స్వయంచాలకంగా ఆ తరగతులు మీరు దరఖాస్తు కావాలి -
ఒక తరగతి CSS ఉంది, అది స్వయంచాలకంగా దరఖాస్తు కావాలి
మీరు ఒక మూలకం యొక్క తరగతి మార్చుకుంటే.
అప్పుడు మేము కేవలం తొలగిస్తాయి తరగతి ద్వారా తొలగించవచ్చు.
మీరు ఎరుపు లేదా గుర్తిస్తున్న వంటి కొన్ని ముందే తరగతులు కలిగి ఉంటే
ఆపై మీరు అంశాలకు ఆ దరఖాస్తు అనుకుంటున్నారా
మీరు ప్రతిసారీ స్టైలింగ్ అన్ని CSS చేయాలని లేదు.
మీరు కేవలం ఒక అంశానికి తరగతి జోడించవచ్చు మరియు అది స్వయంచాలకంగా అవుతుంది -
అది స్వయంచాలకంగా తరగతి కోసం తగిన కనిపిస్తాయని.
మేము కూడా విషయాలు తొలగించవచ్చు; నేను అన్ని divs ఎంచుకోండి వెళుతున్న
పేజీ మరియు వాటిని తొలగించండి.
ఆ కనిపిస్తుంది ఏమి జరుగుతుందో?
ఇది ఏమీ లాగా జరగబోతోంది, కాబట్టి ఎడమ ఏమీ నిజానికి ఉంది.
నా ప్రదర్శనను పారిపోయిన.
నేను, అదృష్టవశాత్తూ, రిఫ్రెష్ మరియు దానిని బాగు చేయవచ్చు
ఇది కేవలం ఒకసారి పరిగెత్తి ఎందుకంటే,
మీరు పూర్తిగా పేజీ ఆఫ్ మూలకం నాశనం అనుకుంటే కానీ, తొలగించే ఉదాహరణకు.
>> మీరు కూడా తిరిగి రాస్తుంది చేయవచ్చు, మరియు నేను పేజీలో అన్ని పేరా టాగ్లు ఎంచుకోండి వెళుతున్న
మరియు వాటిలో వెళ్ళి వారిని కలిగి సంసార టెక్స్ట్ స్థానంలో
కేవలం పదం "పరీక్ష."
మీరు ఇలా చేస్తే, మీరు ఈ పరీక్ష తో పేజీలో ప్రతి పేరా స్థానంలో ఉంటాం.
Yep. వారు అన్ని పరీక్ష భర్తీ చేస్తున్నారు.
తద్వారా టెక్స్ట్ యాక్సెస్ మరియు తిరిగి రాయటం ఒక ఉదాహరణ వార్తలు.
మీరు కూడా సమాచారం తిరిగి మరియు ఈ ఇన్పుట్ బాక్స్ నిజంగా చల్లని ఉంది.
మీరు ప్రజలు లోకి stuff టైప్ ఒక ఇన్పుట్ బాక్స్ కలిగి ఉంటే
ప్రజలు దీనిని stuff టైప్,
ఇక్కడ మేము ఇన్పుట్, టెక్స్ట్ ఒక రకమైన ఏ ఇన్పుట్ ట్యాగ్ ఎంచుకోండి.
ఈ సందర్భంలో, మొత్తం ప్రదర్శనను మాత్రమే ఇన్పుట్ బాక్స్, ఉంది
కాబట్టి మేము కేవలం మొదటి ఎనన్నుకొనండి చేస్తాము, మరియు అప్పుడు మేము అది Val ఫంక్షన్ కాల్.
ఆ, విలువ తిరిగి మరియు ఒక ఇన్పుట్ బాక్స్ కోసం
విలువ లోపల ఉండాలి ఏది కేవలం.
మేము దీన్ని చేస్తే, అది కేవలం స్ట్రింగ్ stuff తిరిగి.
మేము మరింత stuff వ్రాయడం తర్వాత మళ్ళీ కాల్ ఉంటే, అది మరింత stuff లోకి మారుతుంది.
ఆ, తనిఖీ అప్పుడు ఒక ఇన్పుట్ బాక్స్ అంశాలు యాక్సెస్ ఒక గొప్ప మార్గం, మరియు
ఇది ఒక చెల్లుబాటు అయ్యే ఇమెయిల్ చిరునామా, ఈ ఉదాహరణకు, ఒక చెల్లుబాటు అయ్యే తేదీ.
ప్రజలు ఇది టైప్ మీరు కేవలం, తక్షణమే stuff తిరిగి చేయవచ్చు
ఆపై, అది చెల్లదు లేదో తనిఖీ సర్వర్ కి పంపండి, మీరు తో మీరు ఏదైనా.
మరియు మీరు ఆ బాక్సులను లోపల ఏమి యాక్సెస్ ఎలా.
>> మీరు కూడా బదులుగా జోడించడం కాబట్టి, CSS నేరుగా సవరించవచ్చు
కొన్ని ముందే లక్షణాలు కలిగి తరగతి,
మీరు కేవలం మీరు ఏదైనా కావలసినట్లు CSS జోడించవచ్చు.
పూర్తి ప్రదర్శనను ఇది సో చేసుకుందాం ఎంపిక శరీరం,
మరియు రంగు టెక్స్ట్ ఏమి రంగులు నిర్వచిస్తుంది ఆస్తి ఉంది.
మేము ఎరుపు మార్చుకోండి ఉంటే, పేజీ లో అన్ని టెక్స్ట్ ఎరుపు చేస్తుంది.
మేము, నేపథ్య రంగు నీలం వంటి ఏదో ఒకటి చెయ్యాలి
అక్కడ మేము వెళ్ళి; ఇది బావుంది.
మీరు ఈ మీరు ఏదైనా చేయవచ్చు.
CSS ఆస్తి ఉపయోగించి, మీరు నిజంగా ఏదైనా ఏ సమయంలో యెంత సవరించవచ్చు.
తదుపరి విషయం ప్రభావాలు ఉంది.
ప్రభావాలు, ప్రధానంగా CSS సవరించుట అదే విషయం ఉంటాయి
కానీ వారు నిజానికి దానికి కొన్ని అదనపు యానిమేషన్ అందించడానికి.
సో బదులుగా కేవలం రంగు చూపిస్తున్న లేదా దాచడం ఏదో లేదా మారుతున్న,
మీరు దీన్ని యానిమేటెడ్ చేయవచ్చు.
మీరు కోసం విస్తృతమైన డాక్యుమెంటేషన్ పరిశీలించి అనుకుంటే ఇక్కడ డాక్యుమెంటేషన్, వార్తలు.
కానీ నేను ప్రధాన వాటిని కవర్ చేయడానికి వెళుతున్న.
ప్రదర్శన మరియు దాచు లక్షణాలు ఉన్నాయి.
ID నిజానికి ఈ మొత్తం బాక్స్ అనుగుణంగా చూపించు / దాచిపెట్టు,
నేను దాచిపెట్టు కనుక, ఇది కేవలం కనిపించదు.
నేను తిరిగి వచ్చి చేయడానికి కావాలా నేను మళ్ళీ చూపవచ్చు.
మరియు అది మళ్ళీ. ఇది నిజానికి, కనిపించడంలేదు లేదు
నేను నిజానికి పేజీ నుండి తొలగించండి లేదు, నేను దాచిన కు ప్రత్యక్షత యొక్క CSS ఆస్తి సెట్
కాబట్టి మీరు ఇకపై అది చూడలేకున్నాను.
కూడా పైకి క్రిందికి జారు లో; మీరు ఈ ప్రభావాన్ని కలిగి అనుమతించే.
ఇది అదృశ్యం వరకు మునిగి, మరియు మాయమవుతుంది తర్వాత
మీరు తిరిగి వచ్చి దీనిని డౌన్ స్లయిడ్ ఉంటుంది. మరియు ఇప్పుడు అది మళ్ళీ.
ఫేడ్ ID ఈ బాక్స్ అనుగుణంగా - ఇది ఈ ఫేడ్ ప్రభావం కూడా ఉంది.
నేను దాన్ని మారతాయి, అది నెమ్మదిగా అదృశ్యం చేస్తాము.
నేను కూడా అది మారతాయి, మరియు అది తిరిగి వస్తాయి.
మీరు కూడా ఫేడ్ పనితీరుకు సంబంధించిన ఇది మారతాయి చేయవచ్చు.
మీరు మీకు కావలసిన ఏ నిర్దిష్ట అస్పష్టత మారతాయి ఉండవచ్చు.
మీరు .5 నెమ్మదిగా అది మారతాయి కనుక, ఇది సగం కనిపించడానికి చేస్తాము.
నేను .1 వెళ్ళండి చేయవచ్చు, మరియు తిరిగి 1 మళ్ళీ పూర్తిగా కనిపించేలా చేయడానికి.
అది మీరు చేయగల మరొక యానిమేషన్ యొక్క.
>> టోగుల్ ప్రభావాలు కూడా ఉన్నాయి.
నేను, ఈ బాక్స్ సరిపోలే టోగుల్ ID, ఎంచుకోండి వెళుతున్న
మరియు ఆ div మీరు మార్చడానికి కాల్ చేయవచ్చు; ఇది కనిపిస్తుంది ఉంటే అది అదృశ్య అవుతుంది,
అది అదృశ్య ఉంటే అది మళ్ళీ కనిపించే అవుతుంది.
సో నేను రెండుసార్లు ఈ టోగుల్ ఫంక్షన్ అని; మొదటి ఒకటి
దాచు అదే విషయం, రెండవ కాల్ ఒక ప్రదర్శన అదే విషయం.
మరియు మీరు కూడా ఒక ఫేడ్ టోగుల్ తో చేయవచ్చు
ఇది నిజానికి రంగులోకి మసకబారుతుంది తప్ప అదే విషయం, చేస్తుంది.
మరియు స్లయిడ్ అదే విషయం మార్చడానికి.
బంధించబడి ప్రభావాలు అలాగే ఉన్నాయి, అంటే
మీరు ఒక మూలకాన్ని ఎంచుకోవడానికి మరియు కేవలం అది యానిమేషన్ పద్ధతులు ఒక సమూహం కాల్ ఉంటే,
మీరు దాన్ని వాడిపోవు కోరుకుంటే, ఆపై స్లయిడ్
ఆపై దాచడానికి మరియు తరువాత వాడిపోవు, అది వరుసగా వాటిని చేస్తాను.
సో అదృశ్యమైన, తిరిగి వచ్చింది - కొన్ని కారణాల కోసం, దాచు జరగలేదు.
యొక్క దాన్ని ప్రయత్నించండి లెట్. అవును, కాబట్టి అది కనుమరుగైంది అది దూరంగా పడిపోయింది.
మరియు పుష్కలంగా మరింత ఉన్నాయి. మీరు యానిమేట్ ఫంక్షన్ ఉపయోగించవచ్చు
మీ స్వంత యానిమేషన్లను సృష్టించడానికి, ఇది బాగా సంక్లిష్టంగా ఉంటుంది
కానీ ఇది అనంతమైన విస్తరణ మీకు అందిస్తుంది.
మీరు మీకు కావలసిన యానిమేషన్ ఎలాంటి చేయవచ్చు.
మీరు కూడా ఒక సమయంలో బహుళ యానిమేషన్లు వరకు క్యూ క్యూ ఉపయోగించవచ్చు.
సో, మీరు పేజీ అంతటా ఫ్లై ఏదో కావాలా
దిగువన ఎడమవైపు ఎగువ కుడి నుండి స్లయిడ్, మీరు, ఆ చేయవచ్చు
మరియు ఇతర తరువాత ఒకరు వెళ్తున్నారు చర్యలు ఒక సమూహం కలిగి.
>> మేము గురించి మాట్లాడటానికి చేయబోతున్నామని తదుపరి విషయం ఈవెంట్స్ ఉంది.
ఈవెంట్స్ మీరు అనుమతిస్తాయి - ఇప్పటివరకు, మేము కేవలం కన్సోల్ లో విషయాలు టైప్ చేసిన
మరియు ఆ, ఈ జరిగే చేయడానికి ఒక మార్గం
కానీ వాస్తవ పేజీలో మీరు చెయ్యగలరు వెళుతున్న లేదు
కన్సోల్ లోకి వినియోగదారు రకం విషయాలు తయారు.
మీరు విషయాలు స్వయంచాలకంగా ఏమి చేయాలనే.
ఆ కోసం, మీరు కొన్ని కొన్ని ఈవెంట్ జరగటం న క్రియాశీలపరిచేందుకు ఈవెంట్స్ ఉపయోగించడానికి అవసరం.
మీరు పూర్తి వివరాల కోసం డాక్యుమెంటేషన్ తనిఖీ చేయవచ్చు.
సో యొక్క చూద్దాము. మేము బాక్స్ దాచిపెట్టడానికి లేదా చూపించడానికి కావలసిన
నేను ఇంకా అది అమలు ఎందుకంటే అయితే ప్రస్తుతం ఈ బటన్ ఏదైనా లేదు.
నేను అసలు HTML పేజీకి వెళ్ళండి వెళుతున్న.
ఇక్కడ స్లయిడ్ వార్తలు. స్లయిడ్ కోసం ఒక div ఉంది.
ఇది స్లయిడ్ తరగతి ఉంది.
టెక్స్ట్ ఉంది. ఇప్పుడు, ఈ బాక్స్ బాక్స్ బటన్ ఉంది.
ఎలా మేము నిజానికి ఈ అదృశ్యం చేస్తుంది?
అన్ని మొదటి, యొక్క బాక్స్ ID అదృశ్యం చేస్తుంది ఒక ఫంక్షన్ వ్రాయడానికి వీలు.
ఈ funtion కోసం వాక్యనిర్మాణం, యొక్క కేవలం అది hideTheBox కాల్ చెయ్యనివ్వండి.
తీసుకోవాలి వాదనలు లేదు ఎందుకంటే ఇది, ఏ వాదనలు తీసుకోదు.
మేము బాక్స్ ID ఎంచుకోవచ్చు.
ఎంచుకోండి j క్వెరీ ఉపయోగించి సో, మేము బాక్స్ ID ఎంచుకోవచ్చు
మరియు అప్పుడు అది అదృశ్యం చేయడానికి.
లెట్ యొక్క ఇది కాంతిహీనమగు తయారు.
మేము అసలు కన్సోల్ లో ఈ ఫంక్షన్ అమలు ఉంటే
మేము ఈ ఫంక్షన్ నిర్వచించే కాలేదు; మేము hideTheBox కాల్ చేయవచ్చు, మరియు ఇది పనిచేస్తుంది.
కానీ మేము బటన్ నిజానికి నొక్కినప్పుడు అది ఏమి చేయాలనే.
ఇలా చేయాలంటే, మేము ఒక ఈవెంట్ ఉపయోగించడానికి కలిగి.
కొన్ని నిర్దిష్ట బటన్ లేదా కొన్ని చర్య జరగటం ఒక ఈవెంట్ కట్టుబడి,
మేము ఈవెంట్ ట్రిగ్గర్ అని మూలకం ఎంచుకోవాలి -
లేదా ఆ క్షమించండి, ఈవెంట్ ట్రిగ్గర్ చేస్తుంది.
>> అన్ని కాబట్టి మొదటి, యొక్క బాక్స్ బటన్ ID ఎంచుకోండి తెలపండి
ఎందుకంటే ఆ బటన్ కోసం, ఇప్పుడు బటన్ యొక్క, మరియు,
మేము అది క్లిక్ లో ఉన్నప్పుడు ఒక యానిమేషన్ను రూపొందించడానికి కావలసిన.
సో ఈ క్లిక్ ఫంక్షన్ ఉంది.
దీన్ని మరో ఫంక్షన్ కట్టుబడి అనుమతిస్తుంది.
ఈ ఫంక్షన్ ఒక వాదన మరో ఫంక్షన్ పడుతుంది
మేము, hideTheBox ఫంక్షన్ లో తరలిస్తారు
మరియు ఈ బటన్ క్లిక్ చేసినప్పుడు, ఆ ఫంక్షన్ స్వయంచాలకంగా అమలు అవుతుంది.
సో ఈ, మేము ఈ సేవ్ ఉంటే, నేను రిఫ్రెష్ చేస్తాను పని చేస్తుంది
మరియు - ఒక రెండవ, నేను క్షమించండి రెడీ!.
నాకు నిజంగా త్వరగా ఈ పరిష్కరించడానికి తెలపండి.
సరే. అక్కడ మేము వెళ్ళి. మేము బటన్ క్లిక్ కనుక ఇప్పుడు బాక్స్ కనుమరుగవుతుంది.
మేము కూడా, కేవలం fadeToggle ఈ మార్చవచ్చు
బాక్స్ దాచిపెట్టడానికి లేదా చూపించడానికి కేవలం దానిని మార్చడం,
మేము రిఫ్రెష్ ఉంటే ఈ కూడా, చాలా పని ఉంటుంది.
మేము అది దాచవచ్చు, మేము కూడా చూపించు, ఆ పని కొనసాగుతుంది.
మేము చేయవచ్చు మరొక విషయం, మేము నిజానికి ఈ hideTheBox ఫంక్షన్ నిర్వచించే లేదు
మేము క్లిక్ ఫంక్షన్ కాల్ ముందు.
సో బదులుగా ఫంక్షన్ నిర్వచన మరియు hideTheBox కాల్,
మేము మాత్రమే ఈ విషయం క్లిక్ ఉంటే అది కాల్ చేయబోతున్నామని.
కాబట్టి మేము, ఇక్కడ అది అజ్ఞాతంగా నిర్వచించలేదు
జావాస్క్రిప్ట్ కలిగి లక్షణం.
మీరు ఒక ఫంక్షన్ నిర్వచించలేదు; సాధారణంగా, మేము ఫంక్షన్ hideTheBox చెబుతా
వాదనలతో కానీ బదులుగా, మేము కేవలం, ఎటువంటి వాదనలూ లేవు పని చెప్పగలను
, ఫంక్షన్ నిర్వచించటానికి గిరజాల కలుపు మొదలు
ఆ గిరజాల కలుపు ముగించలేదు, మరియు అప్పుడు, ఇక్కడ పని నిర్వచించే
మొదటి కుండలీకరణములలో మరియు గత కుండలీకరణములలో లోపల
ఆ క్లిక్ ఫంక్షన్ యొక్క వాదనలు అనుగుణంగా.
మేము ఈ ఫంక్షన్ లో ప్రయాణిస్తున్న చేస్తున్నాం కాబట్టి, మేము ఇక్కడే కోడ్ ఈ లైన్ కాపీ చేసుకోవచ్చు,
మరియు ఖచ్చితమైన అదే పనిని చేస్తుంది.
మరియు ఇప్పుడు మేము ఈ యాదృచ్ఛిక fadeTheBox ఫంక్షన్ లేదు
ఆ స్పష్టమైన కారణం చుట్టూ కూర్చొని.
ఫంక్షన్ అజ్ఞాతంగా నిర్వచించబడింది, అది ఒక పేరు లేదు.
మేము బాక్స్ బటన్ క్లిక్ చేసినప్పుడు మాత్రమే అమలు అవుతుంది.
సో రిఫ్రెష్ మరోసారి, మరొకసారి, మరియు మీరు అది ఇప్పటికీ పనిచేస్తుంది చూడగలరు.
మరియు మీరు ఈవెంట్స్ సృష్టించడానికి ఎలా.
>> మేము ఉపయోగించే వివిధ ఈవెంట్స్ చాలా ఉన్నాయి.
నేను ఎలా ఈ పని మీరు చూపించడానికి కన్సోల్ ఉపయోగించి తిరిగి మారవచ్చు వెళుతున్న.
వీటిలో ప్రతి ఇచ్చేందుకు ప్రతి బాక్స్ అనుగుణంగా.
ఈ బాక్స్ క్లిక్ ID ఉంది కాబట్టి, ఈ కీ ID ఉంది, మరియు ఈ ఒక మౌస్ ID ఉంది.
కాకుండా ప్రతి సమయం దాన్ని టైప్; మరో విషయం ఈ చర్య ఫంక్షన్ అక్కడ ఉంది
నేను నిజానికి ముందుకు వెళ్లి ఈ చర్య ఫంక్షన్ డౌన్ నిర్వచించింది.
ఇది hideTheBox ఫంక్షన్ అదే విషయం చేస్తుంది.
ఈ బాక్స్ మరియు రంగులోకి మసకబారుతుంది దాన్ని లేదా సైన్ రంగులోకి మసకబారుతుంది గాని గెట్స్
మేము ఇక్కడ దాన్ని ఉపయోగించగలరు ఉండటానికి ఆ.
మేము ఈ క్లిక్ ID క్లిక్ చేస్తే, మేము బాక్స్ అదృశ్యం లేదా మళ్ళీ చేయాలనుకుంటున్నాము.
ఇది మేము చివరి స్లయిడ్ ఆ బటన్ అదే విషయం.
మేము ఆ కాల్ ఇప్పుడు తరువాత,, మేము ఈ క్లిక్ చెయ్యవచ్చు మరియు బాక్స్ కనిపించదు
అప్పుడు మళ్ళీ క్లిక్ బాక్స్ తిరిగి ఉంటుంది.
ఆ అందమైన సులభం. డబుల్ క్లిక్, అదే విషయం చేస్తుంది
మాత్రం డబుల్ క్లిక్ అవసరం.
మీరు ఒకసారి అది క్లిక్ చేసి, మళ్ళీ దానిపై క్లిక్ చేస్తే ఏమీ, జరగవచ్చు
కానీ మీరు డబుల్ త్వరగా క్లిక్ ఉంటే, అది కనిపించడంలేదు చేస్తాము.
మీరు డబుల్ మళ్ళీ క్లిక్ చేస్తే, అది తిరిగి వస్తాయి.
తద్వారా అందంగా సులభం.
కీబోర్డ్ ఇన్పుట్ అదృష్టము రకం; నేను నిజానికి ఈ ఉదాహరణలో పనిచేస్తుంది భావించడం లేదు
ఎందుకంటే డౌన్ కీ, కీ అప్ మరియు కీ ప్రెస్ మరియు ఇతర కీ చర్యలు
మీరు దానిని కట్టుబడి ఏమి మూలకం పట్టింపు లేదు సక్రియం.
ఉదాహరణకు, నేను శరీరం లేదా పూర్తిగా వేరే ఏదో డౌన్ కీ కట్టుబడి కూడా
అది ఇప్పటికీ ఉన్నా సక్రియం చేస్తుంది - నిర్దిష్ట కాదు.
నేను ఈ పై క్లిక్ చేయాలి మరియు ఏదైనా అదృశ్యం చేయడానికి ఒక కీ నొక్కండి లేదు.
సంబంధం లేకుండా నేను సైన్ ప్రస్తుతం నేను ఏమి మూలకం యొక్క ఆక్టివేట్ అయ్యేది
సో ఈ నిజానికి ఈ ఉదాహరణలో పని లేదు
ఎందుకంటే కీబోర్డ్ ఇన్పుట్ div ఇన్పుట్ ఎంటర్ నన్ను గుర్తించడం లేదు.
>> కానీ మీరు మౌస్ చర్యలు చూడండి ఉంటే,
మొదటి ఒకటి హోవర్ ఉంది, మరియు ఇది CSS ఉపయోగించి ఈ కొన్ని చేయవచ్చు.
మీరు CSS ఉపయోగిస్తే మీరు ఏదో హోవర్ ఉంటే, మీరు, తద్వారా సృష్టించవచ్చు
అప్పుడు దాని శైలి మార్పులు.
కానీ j క్వెరీ ఉపయోగించి మీరు ఇతర విషయాల శైలులు మార్చవచ్చు.
సో, ఉదాహరణకు, మేము ఈ div హోవర్ చర్యను కాల్ చేయబోతున్నామని.
మేము అది హోవర్ ఉంటే, ఆపై కనిపించదు అంటే.
మేము దూరంగా దాని నుండి తరలిస్తే, బాక్స్ తిరిగి ఉంటుంది.
మేము ఈ కాల్ మరియు హోవర్ ఉంటే, బాక్స్, కనిపించడంలేదు లేదు
మరియు సాధ్యమైనంత త్వరలో దూరంగా తరలించడానికి వంటి, అది తిరిగి వస్తుంది.
మేము మౌస్ ID ఈ హోవర్ ఫంక్షన్ కాల్ ఉంటే,
మేము బాక్స్ హోవర్ ఉంటే ఇది అప్పుడు, ఈ బాక్స్ అనుగుణంగా,
ఆపై నిజానికి కనిపించదు - ఇప్పుడు అది అల్లరిగా ఉండటం, కానీ లో -
మేము దూరంగా దాని నుండి తరలించడానికి ఉంటే, అది తిరిగి ఉంటుంది. ప్రస్తుతం ఇది కొన్ని కారణాల కోసం వెనుకకు వార్తలు.
మౌస్ ఎంటర్ మరియు మౌస్ విధులు కొంతవరకు పోలి, కానీ కొద్దిగా భిన్నంగా ఉంటాయి.
మౌస్ మౌస్ ఊహించిన బాక్స్, ప్రవేశించేటప్పుడు మాత్రమే క్రియాశీలం ఎంటర్.
మీరు తరలి చేస్తే, అది కనిపించడంలేదు చేస్తాము.
మీరు దూరంగా తరలించడానికి కానీ అది తిరిగి కాదు; మీరు తిరిగి వచ్చి దాని కోసం దానిని తిరిగి తరలించడానికి ఉంటుంది.
సక్రియం చేస్తుంది మౌస్ ఫంక్షన్ కూడా ఉంది
మౌస్ బాక్స్ లో కూడా ఉంది చేసినప్పుడు.
కనుక ఇది కేవలం మరియు బయటకు బలహీనపడుతుంటారని, వెళ్ళాలని ఉంటాం.
మరియు అది నిజానికి లాగిన్ ఉంటాడు - ఎప్పుడు అది కేవలం బలహీనపడుతుంటారని వలె కనిపిస్తుంది మరియు,
అయితే, ఈ కంటే చాలా చర్యలు లాగింగ్ లో
కాబట్టి మీరు దూరంగా తరలించడానికి అది కేవలం వాటిని ఒక వేల వంటి లాగిన్ ఎందుకంటే కొనసాగించడాన్ని చేస్తాము.
బహుశా ఒక వేల. బహుశా ఐదు.
ఇది కంటే ఎక్కువ లాగ్లను.
పాయింట్, అన్ని మౌస్ చర్యలు ఉంది, వాటిలో చాలా ఉన్నాయి.
, మీరు ఇతర వాటితో అప్ చదువుకోవచ్చు, కానీ వారు అన్ని కొద్దిగా భిన్నంగా ఉంటాయి
మీరు అవసరం ఏ ఒక మరియు మీరు ఎంచుకోవచ్చు
నిర్దిష్ట ఏ ప్రయోజనం కోసం మీరు ప్రయత్నిస్తున్న.
>> నేను మాట్లాడిన వెళుతున్న తదుపరి విషయం AJAX ఉంది.
AJAX, నేను, మేము ఈ సంవత్సరం చాలా లోతు గా జావాస్క్రిప్ట్ కవర్ లేదు తెలుసు
కాబట్టి నేను ఒక నిమిషం కోసం సాధారణంగా AJAX గురించి మాట్లాడటానికి వెళుతున్నాను.
AJAX అసిన్క్రోనస్ జావాస్క్రిప్ట్ మరియు XML సూచిస్తుంది.
ఇది ప్రాథమికంగా, ఉదాహరణకు, మీరు Facebook లో ఉన్నారు మరియు అది, మీరు ఒక ప్రకటనను నెడుతుంది లో
AJAX మీ వెబ్ బ్రౌజర్ నడుస్తుంటే ఎందుకంటే ఆ.
మీ వెబ్ బ్రౌజర్ నిజానికి యొక్క సెకన్లు ప్రతి జంట
వారిని కోరాడు, ఫేస్బుక్ యొక్క సర్వర్లు వెళుతున్న, మీరు, నాకు కొత్త ఏదైనా కలిగి లేదు
ఆపై మీరు తిరిగి వస్తుంది.
ఈ మీరు ఒక సర్వర్కు అభ్యర్థనలను పంపడానికి అనుమతిస్తుంది
నిజానికి పేజీ లోడ్ చేయకుండా.
సో సాధారణంగా, మీరు కేవలం PHP మరియు ఒక డేటాబేస్ ను ఉపయోగిస్తున్నట్లయితే,
మీరు సర్వర్ నుండి కొత్త సమాచారం పొందవచ్చు ముందు మీరు పేజీని రిఫ్రెష్ కలిగి.
కానీ AJAX ఉపయోగించి, మీరు నిరంతరం కొత్త సమాచారం కోసం లాగండి చేయవచ్చు
మీరు ఒక బటన్ లేదా వంటి ఏదైనా క్లిక్ చేసినప్పుడు లేదా అది లాగండి.
, మాకు పేజీ రీలోడ్ లేకుండా అభ్యర్థనలు పంపడానికి అనుమతిస్తుంది ఈ సో
మరియు మనం పొందుతాం లేదా అభ్యర్థనలు పోస్ట్ గాని ఉపయోగించవచ్చు.
>> అభ్యర్థనలను మీకు ఉంటే Google.com కు, ఉదాహరణకు, ఉంటాయి
మరియు q = పరీక్ష చేయండి. వారికి ఒక ప్రశ్న పరీక్ష ఇవ్వడం లో.
ఇది URL కూడా లోకి ఆ పారామితులు లో ప్రయాణిస్తున్న ఎందుకంటే మరియు ఒక GET అభ్యర్థనను వార్తలు.
మీరు పోస్ట్ ద్వారా పంపడం చేస్తుంటే ఒక POST అభ్యర్థనను ఉంది.
మీరు ఒక లేఖ లో అది చాలు మరియు వారికి ఇది ఆఫ్ రవాణా వంటి ఇది వార్తలు
కానీ వారు నిజానికి విషయాలు చూడండి లేదు. వారు URL లో కనిపించే లేదు.
మీరు నేరుగా టైపు కాదు; మీరు దాదాపు రహస్యంగా అది పంపడానికి కలిగి.
ఇది ఒక పోస్ట్ ఉంటుంది.
కానీ j క్వెరీ ఉపయోగించి, మీరు GET మరియు అభ్యర్థనలు పోస్ట్ చేయవచ్చు
మరింత సులభంగా మీరు సాధారణంగా కేవలం సాదా జావాస్క్రిప్ట్ ఉపయోగించి కంటే.
మీరు GET అభ్యర్థనలకు ఉపయోగించి API లు ప్రశ్నించడానికి మరియు మీరు కూడా లాగిన్ సమాచారం కోసం తనిఖీ చేయవచ్చు.
తదుపరి పేజీలో, నేను ఇది "అర్హత కోసం ఏం?" అని అడుగుతాడు, ఈ రూపొందించినవారు
హార్వర్డ్ ఆహార API ఉపయోగించి, కాబట్టి యొక్క అప్ లాగండి వీలు.
ఈ మీరు ఒక API ఒక GET అభ్యర్థనను చేయాలని j క్వెరీ ఉపయోగించవచ్చు ఎలా కేవలం ఒక ఉదాహరణ
మరియు దాని నుండి తిరిగి సమాచారాన్ని పొందేందుకు.
కాబట్టి మేము ఈ రోజు కోసం మెను చూడాలనుకుంటే
మరియు మేము భోజనం కోసం ఏమి చూడాలనుకుంటే.
ఇక్కడ j క్వెరీ ఒక GET అభ్యర్థనను సృష్టించడానికి URL యొక్క.
మీరు $ ఉపయోగించడానికి. ఫంక్షన్ పొందుటకు.
మొదటి వాదన విచారణ చేస్తున్న కాబట్టి ఖచ్చితంగా ఏమి URL ఉంది.
తరువాత వాదన GET అభ్యర్థనను పూర్తి ఉన్నప్పుడు అమలు చేసే ఒక ఫంక్షన్ ఉంది.
సో మీరు, సర్వర్ కొన్ని అభ్యర్థనను పంపడానికి తిరిగి వచ్చి వేచి.
అది తిరిగి వస్తుంది, మీరు సర్వర్ నుండి తిరిగి ఆ డేటా కొన్ని చర్య తీసుకోవాలని చేయబోతున్నామని.
యొక్క ముందుకు వెళ్లి ఈ అలాగే కోడ్ చేయడం లెట్.
నేను ఉద్దేశపూర్వకంగా, గాని ఈ కోడ్ లేదు.
ఇక్కడ TODO వార్తలు. అన్ని మొదటి, యొక్క ఈవెంట్ బైండింగ్ ఉపయోగించడానికి అనుమతిస్తున్నట్లు
ఈ బటన్ నొక్కినప్పుడు, మేము ఒక GET అభ్యర్థనను పంపడానికి తద్వారా.
మరియు కొన్ని డేటా అభ్యర్థనను తిరిగి వచ్చినప్పుడు,
మేము ఈ భోజనం సమాచారం ID div గా రాయాలో చేస్తున్నారు.
అన్ని మొదటి, ఆహార బటన్ ID ఎంచుకోండి తెలపండి.
అది క్లిక్ ఉన్నప్పుడు, మేము అది చేయాలని.
లెట్ యొక్క కేవలం ముందు, ఇది ఒక అజ్ఞాత fuction తయారు.
ఆ గిరజాల కలుపులు వ్రాప్ చేయవచ్చు,
మరియు ఈ బటన్ నొక్కినప్పుడు, మేము ఒక GET అభ్యర్థనను పంపాలనుకుంటున్నారా
అర్హత కోసం ఏమి తనిఖీ.
ఇలా చేయాలంటే, మేము కేవలం $ టైప్ చేయవచ్చు. పొందుటకు.
ఈ డాలర్ సైన్ ఉపయోగించి, ఒక j క్వెరీ ఫంక్షన్.
ఇది వాదనలు పడుతుంది. మొదటి ఒకటి, URL ఉంది
రెండవది తిరిగి కాల్ చేసే విధి, అని ఆ ఫంక్షన్
ఆ అభ్యర్థన నిజానికి వచ్చినప్పడు.
యొక్క కేవలం మొదటి URL నిర్మించడానికి వీలు.
మేము డేవిడ్ అప్ వ్రాసాడు API నుండి పొందవచ్చు.
ఇక్కడ గోయింగ్, మేము, అది food.cs50.net/api/1.3/menus ఆ చూడగలరు
ఆపై మీరు కేవలం మీరు కోరుకునే పారామితులు పేర్లలో పాస్.
సో పారామితి 1 విలువ 1.
ప్రామాణిక తేదీ కనిపిస్తుంది, ప్రస్తుతం తేదీ, డిఫాల్ట్ మొదలు
మీరు ఏదైనా, మరియు కూడా ముగింపు తేదీ డిఫాల్ట్ ఎంటర్ చేయకండి ఉంటే
నేడు మీరు ఏదైనా ఎంటర్ చేయకండి ఉంటే.
మేము ఏమి వార్తలు. మేము కేవలం నేడు కోసం సమాచారాన్ని పొందేందుకు కావలసిన.
>> మేము ఫార్మాట్ JSON లో ఉండాలనుకుంటున్నాను.
కేవలం ఏకపక్ష వార్తలు; మీకు కావలసిన ఏ రూపం ఉపయోగించవచ్చు.
మీరు CSV ఉపయోగించవచ్చు, కానీ JSON జావాస్క్రిప్ట్ ఆబ్జెక్ట్ నొటేషన్ ఉంది.
జావాస్క్రిప్ట్ అది అర్థం ఏమి అర్ధం చేసుకోవడానికి ఇది చాలా సులభం
మరియు మేము మరింత సులువుగా ఆ దానిని ముద్రించవచ్చు.
సో యొక్క JSON లో అభ్యర్థించవచ్చు వీలు, మరియు లెట్ యొక్క అభ్యర్థనను అర్హత.
= అర్హత భోజనం కాబట్టి. ఆ URL అప్ వ్రాయడానికి, మేము ఇక్కడ తిరిగి వెళ్ళండి.
మెనుల్లో ఉంది. మొదటి పారామితి అవుట్పుట్ = JSON ఉంది
ఎందుకంటే మేము ఏమి వార్తలు, మరియు మీరు ఒక తో పారామితులు వేరు 'మరియు.'
రెండవ పరామితి - నేను వద్దు remember.
భోజనం. మరియు మేము భోజనం = అర్హత కావలసిన.
మీరు మీ బ్రౌజర్లో దీన్ని టైప్ మరియు వెళుతున్న ద్వారా ఈ URL పరీక్షించవచ్చు.
ఇది మీరు కొన్ని అవుట్పుట్ ఇస్తుంది. ఇది కేవలం అర్హత కోసం చేసిన అంశాలను ఒక సమూహం యొక్క.
ఈ అగ్లీ ఫార్మాట్ లో ఉంది. మేము ఒక మంచి ఫార్మాట్ లో మా పేజీ లో ప్రింట్ మీరు.
URL సరైనదేనని సో, ఇప్పుడు మేము కేవలం ఒక ఫంక్షన్ వ్రాయడానికి అవసరం
అభ్యర్థన విజయవంతమైందని ఉన్నప్పుడు తిరిగి కాల్.
ఈ ఫంక్షన్ నిజానికి ఒక వాదన పడుతుంది. ఇది డేటా ఉంటుంది.
డేటా GET అభ్యర్థనను పూర్తి తర్వాత GET అభ్యర్థనను నుండి తిరిగి వస్తుంది ఏమిటి.
మేము గిరజాల కలుపులు చేయవచ్చు; ఇక్కడ మేము అనామక ఫంక్షన్ వ్రాయండి
మేము తిరిగి సమాచారం వచ్చినప్పుడు ఆ సమాచారాన్ని ఉపయోగించి, అమలు.
డేటా సో, మేము ఈ URL లో టైప్ చేసినప్పుడు,
ఈ డేటాను లాగా జరగబోతోంది ఏమి ఉంది. ఈ భారీ స్ట్రింగ్ చేస్తాడు.
కానీ మంచి విషయమే, JavaScript JSON.parse ఫంక్షన్ ను ఉపయోగించి దాన్ని అన్వయించగల.
సో యొక్క పదనిరూపణ డేటా అనే కొత్త వేరియబుల్ సృష్టించడానికి వీలు.
మరియు పదనిరూపణ డేటా వస్తువులను ఒక శ్రేణి.
ప్రతి వస్తువు వంటి సమాచారాన్ని కలిగి - మరియు, యొక్క ఒక రూపం తీసుకుందాం.
ఇది ఒక తేదీ, భోజనం, వర్గం, రెసిపీ, అన్ని ఈ ఇతర stuff ఉంది.
సో మనం ప్రతి ఒక కోసం పేరు బయటకు ప్రింట్ వీలు.
మేము దాని నుండి తిరిగి విషయం యొక్క వ్యూహరచనలు పైగా iterate యొక్క లెట్,
మరియు కేవలం ప్రతి ఒకటి ప్రింట్ - ప్రతి ఒక పేరు బయటకు ప్రింట్.
ఈ లూప్ ఒక ఉంది.
>> జావాస్క్రిప్ట్, మీరు ఒక అర్రే మీద వేరియబుల్ మరియు లూప్ సృష్టించే ఈ ఉపయోగపడిందా సింటాక్స్ ఉంది
మరియు var i, బదులుగా var i = 0 చేయాలని కలిగి కాబట్టి, కేవలం ఇటెరేటర్ ఉంది
i పొడవు కంటే తక్కువ, i + +, మీరు కేవలం అన్వయించడం డేటా i var చేయవచ్చు.
ఈ ఉదాహరణలో, అన్వయించడం డేటా (i) ప్రస్తుత మూలకం అనుగుణంగా ఉంటుంది
వరుస వలన వాస్తవ వస్తువు.
మరియు మేము అది పేరు పొందడానికి కావలసిన.
సో కేవలం ఏమి పేరు చేసుకుందాం.
మరియు గత విషయం, మేము మళ్ళీ కొన్ని j క్వెరీ చూడాలని ఉంది.
అసలైన div, ప్రస్తుతం ఖాళీ ఈ భోజనం సమాచారం div జోడించండి.
సో యొక్క ఎంచుకోండి తెలపండి.
మేము j క్వెరీ మరియు ఎంపిక భోజనం సమాచారం div ID, లేదా భోజనం సమాచారం ID ఉపయోగించండి, క్షమించండి.
మేము ఈ జోడించే మీరు.
మేము పరీక్ష చేస్తే, ఉదాహరణకు, ఇది కేవలం ప్రతి ఒక్క సమయం తిరిగి రాస్తుంది ఉంటుంది.
కాబట్టి మేము కేవలం ఈ కలపవచ్చు.
అర్రే ప్రస్తుత మూలకం, మేము, అది పేరు బయటకు పొందుతారు
మరియు మేము భోజనం సమాచారం ID div చివరికి కలపవచ్చు చేస్తాము.
మరియు అప్పుడు, అది క్లీనర్ చూడండి చేయడానికి
అది ఒక రేఖలో కాదు కాబట్టి మేము కూడా ఒక లైన్ బ్రేక్ కలపవచ్చు చేస్తాము.
అన్ని బాగా వెళ్తాడు కనుక, ఆ మంచి ఉండాలి -
అన్ని మొదటి, ఈ బటన్ క్లిక్ చేసినప్పుడు,
ఈ URL కు ఒక GET అభ్యర్థనను పంపుతుంది.
డేటా దాని నుండి తిరిగి వచ్చినప్పుడు, ఇది అన్వయించడం చేస్తాము
JSON, ఆ డేటా ప్రాతినిధ్యం వ్యూహరచనలు పైగా లూప్, మార్చడానికి
ఆపై పేరు మరియు ఒక లైన్ బ్రేక్ జోడించు
గతంలో ఖాళీ అయిన ఈ భోజనం సమాచారం ID ప్రతి లైన్.
సో ఈ పేజీకి తిరిగి వెళ్ళడం, మేము రిఫ్రెష్ చేస్తాము,
క్లిక్, కనుగొనేందుకు - ఇది పనిచేయదు. ఆ దురదృష్టకర వార్తలు.
డీబగ్గింగ్ సైన్ వస్తుంది మరియు ఈ ఉంది
Index.html, లైన్ 1.
ఆ ఆసక్తికరంగా.
అన్ని కుడి, బాగా, ఈ చేయడం సమయం ఖర్చు కాకుండా, నేను వెళుతున్నాను
నేను కలిగి పూర్తి ఫైలు పుల్ అప్, ఇది పూర్తి వెర్షన్.
నేను తేడా ఏమిటి ఖచ్చితంగా తెలియదు, కానీ మేము కేవలం బదులుగా ఈ తెరుచుకుంటుంది.
మరియు మేము AJAX వెళ్ళండి, మరియు ఈ సరిగ్గా పని చేయాలి.
ఆ, అర్హత కోసం నేడు ఉంది ఏమిటి
ప్రత్యేక క్రమంలో, ఇది చుట్టూ సూక్తులు, కాబట్టి అది prettiest కాదు.
కానీ, ఖచ్చితంగా, మీరు ఒక ఆఖరి ప్రాజెక్ట్ కోసం ఈ చిత్రీకరిస్తుంటే,
మీరు మంచి చూడండి చేస్తుంది.
కానీ GET అభ్యర్థనను చేయమని కేవలం ఒక సాధారణ ఉదాహరణకు.
మేము అసలు కోడ్ చూడండి ఉంటే, నేను ఊహించడం వెబ్, నేను అందంగా ఖచ్చితంగా రెడీ!
అది ఇప్పటికీ అందంగా చాలా అదే అనిపిస్తుంది.
ఓహ్, నేను ఒక స్ట్రింగ్ మార్చవచ్చు మర్చిపోతే, అంతే.
కాదు, అది ఇప్పటికీ పని. సంబంధం లేకుండా, ఇక్కడ అసలు పూర్తి కోడ్ వార్తలు
ఇలా ఏ కోసం,
మరియు అది నేను అమలు ఏమి అదే విషయం చేస్తుంది.
మీరు బటన్ క్లిక్ చేసినప్పుడు, అది JSON స్వయంచాలకంగా డేటా అన్వయించడం GET ఉపయోగించే.
ఇది నుండి తిరిగి డేటా పడుతుంది మరియు వ్యూహరచనలు ద్వారా లూప్
మరియు బయటకు ప్రింట్లతో - అర్హత కోసం నేటి సంసార, అది పేరు,
మరియు ప్రతి లైన్ తరువాత ఒక లైన్ బ్రేక్ ను చేర్చుతుంది.
మీరు GET ఫంక్షన్ ఉపయోగించడానికి ఎలా.
>> మీరు కూడా నేను సమయం లేదు ఇది, POST ఉపయోగించవచ్చు
ఇది ఒక ఉదాహరణగా అప్ వ్రాయడానికి, కానీ మేము డాక్యుమెంటేషన్ చూడవచ్చు.
మీరు, jquery.post చూసినట్లయితే
మీరు దాదాపు అదే విషయం ఆ చూడగలరు.
మీరు ఒక URL కలిగి, కానీ బదులుగా ఉపయోగించి పారామితులు ప్రయాణిస్తున్న యొక్క -
కేవలం, URL మాత్రమే స్ట్రింగ్ వాటిని పెట్టటం
మీరు ఈ డేటాను వేరియబుల్ పాస్ కలిగి
ఒక నిఘంటువు, ప్రాథమికంగా ఒక అర్రే అని విలువలకు మాన పారామితులు.
మీరు ఆ పాస్, మరియు ఒక POST ఉపయోగించి పంపుతుంది.
మరియు ఒకసారి మీరు, అప్పుడు మీరు ఒక విజయం ఫంక్షన్ కలిగి ఉన్నాయి
డేటా తిరిగి వచ్చినప్పుడు ఆ అమలు.
లేకపోతే, అది ఖచ్చితంగా అదే ఉంది. సో POST ఉపయోగించి,
మీరు ఒక ఇన్పుట్ రూపంలో ఉంటే, ఉదాహరణకు, POST వుపయోగించాలని అనుకొనుచున్న
మీరు ప్రజల ఇన్పుట్ పాస్వర్డ్లను వీలు, మరియు ఆ పాస్ వర్డ్ వీడ్కోలు
మీ బ్యాక్ ఎండ్ లిపి, ఆ యూజర్ చెల్లుబాటు అయ్యే లేదా అనే డేటాబేస్ లో తనిఖీ.
మీరు చేయగల అన్ని j క్వెరీ ఉపయోగించి బదులుగా అన్ని వద్ద పేజీ రిఫ్రెష్ అవసరం.
నేను ముందు మీరు చూపించారు బ్లాగ్ లో అమలు ఎలా.
మేము ముగింపు పోర్టల్ వెళ్లి లాగ్ అవుట్ ఉంటే, లాగ్ అవుట్
పనిచేయదు లాగ్ అవుట్.
బాగా, నాకు కేవలం ఒక కొత్త విండోలో అది తెరుచుకుంటుంది వీలు.
ఇక్కడ ఒక పాస్వర్డ్ మరియు నేను యాదృచ్ఛిక ఏదో టైప్ వెళుతున్నాను.
ఇది పని లేదు, కానీ మేము లేదని చూడగలరు
నిజానికి అన్ని వద్ద పేజీ రిఫ్రెష్ కలిగి.
కోడ్, మీరు చూడండి అనుకుంటే,
ఇక్కడ అన్ని అందుబాటులో ఉంది.
కోడ్ నేను కొంత గత సంవత్సరం రాశారు.
మీరు ఇక్కడ చూడవచ్చు, మేము ఒక POST అభ్యర్థనను పంపిస్తున్నాం.
నేను, తిరిగి చివరికి login.php పిలువబడే ఒక ఫైల్ కలిగి
పాస్వర్డ్ చెల్లదు ఉంటే ఇది తనిఖీ.
మేము లో పారామీటర్లను మ్యాప్ పాస్వర్డ్ను ఉన్నాయి
ప్రస్తుతం ఈ ఇన్పుట్ బాక్స్ లో ఆ ఇన్పుట్.
మరియు డేటా తిరిగి వచ్చినప్పుడు, మేము తనిఖీ.
డేటా తప్పుడు ఉంటే, అప్పుడు మేము తప్పు పాస్వర్డ్ చెప్పటానికి, అది డౌన్ స్లయిడ్
మరియు కేవలం దాని తర్వాత కనిపించడంలేదు చేయడానికి.
లేకపోతే, మేము అడ్మిన్ పేజీ లోడ్.
మరియు ఈ అన్ని JSON ఉపయోగించి జరిగింది.
కోడ్ యొక్క ఈ లు, మీరు కేవలం, తిరిగి చివర డేటా తరలిస్తారు
ఇది సరైన యొక్క లేదో తనిఖీ, మీరు సరిగ్గా లాగిన్ లేదో తనిఖీ
మరియు వాస్తవానికి సరైన పేజీకి వ్యక్తి మళ్లించడం దానికి స్పందించే
లేదా వాటిని లాగిన్ తెలియజేసినందుకు మరియు వారు ఒక తప్పు పాస్వర్డ్ ఉందని వాటిని చెప్పడం లేదు.
తద్వారా మీరు j క్వెరీ POST ఉపయోగించవచ్చు ఎలా ఒక ఉదాహరణ వార్తలు
మీ తిరిగి చివర ఒక POST అభ్యర్థనను పంపడానికి,
ఎవరైనా సరిగ్గా లాగిన్ లేదో తనిఖీ.
>> అన్ని కుడి, నేను కలిగి ఉదాహరణలు, మరియు నేను కవర్ కోరుకున్నాడు అన్ని విషయాలు అనిపిస్తుంది కనుక.
ఆ j క్వెరీ మీరు అనుమతించే ప్రధాన విషయాలు ఇక్కడ ఉన్నాయి:
, అంశాలు ఎంచుకోండి DOM తారుమారు ఉపయోగించి వాటిని సవరించడానికి,
మీరు ప్రభావాలు జోడించవచ్చు, కొన్ని సంఘటనల విషయాలు సక్రియం,
మరియు కూడా చాలా వేగంగా మరియు సులభంగా అజాక్స్ అభ్యర్ధనలు చేయండి.
సో, రాబోయే లేదా చూడటం ధన్యవాదాలు
మీరు ఏవైనా ప్రశ్నలు ఉంటే, నాకు మాత్రమే తెలుసుకుందాం. అవును?
[స్టూడెంట్] తిరిగి మీరు చూపించడంతో, మీరు, కోట్స్ లో POST అభ్యర్థనను తర్వాత JSON కలిగి
మరియు నేను ఆ ఏమి wondering జరిగినది.
>> అవును, నేను చూడండి. ప్రశ్న, ఉదాహరణకు లో నేను చూపించాడు, ఆ
చుట్టూ కోట్స్ లో పదం JSON ఉంది -
నేను దాన్ని మళ్లీ లాగండి ఉంటుంది - POST ఫంక్షన్ చుట్టూ.
నేను చూపించు దానిని లాగడం వెబ్.
ఇక్కడ ఈ POST అభ్యర్థనను వార్తలు, మరియు కోట్స్ లో ఈ JSON ఉంది.
అది మేము ఉత్పత్తి ఎదురుచూచే ఏమి నిర్వచిస్తుంది.
మేము ఆశించిన డేటా రకం వంటి JSON లో పాస్, కనుక
, అది ఒక అవసరం కాదు, కానీ మేము అది పాస్ ఉంటే
అప్పుడు డేటా స్వయంచాలకంగా JSON అన్వయించడం ఉంటుంది.
కాబట్టి మేము, అది JSON పదనిరూపణ ఫంక్షన్ కాల్ లేదు
ఇది కేవలం స్వయంచాలకంగా జరుగుతుంది చేస్తాము.
మరియు మీరు POST కోసం డాక్యుమెంటేషన్ పరిశీలించి ఉంటే,
ఈ డేటాను రకం వేరియబుల్, సర్వర్ నుండి అంచనా డేటా రకం ఉంది.
తప్పు కావచ్చు ఒక తెలివైన అంచనాకు సిద్ధంగా,
కాబట్టి మీరు అది ఖాళీగా వదిలివేయండి, కానీ అది డేటా కేవలం రకం
మీరు JSON లేదా XML యొక్క లేదంటే ఏదో లేదో, ఉపయోగిస్తున్నారని కోడింగ్ లో.
>> ఏదైనా ఇతర ప్రశ్నలు?
అన్ని కుడి. మీరు ఏ ఇతర ప్రశ్నలు ఉంటే, నాకు ఇమెయిల్ సంకోచించకండి
vshekhawat@college.harvard.edu వద్ద,
మరియు స్లయిడ్ మరియు కోడ్ అందంగా త్వరగా ఆన్లైన్ అందుబాటులో ఉండాలి.
మీ చివరి ప్రాజెక్టులను అదృష్టం, మీరు j క్వెరీ ఉపయోగించడానికి ఆశిస్తున్నాము.
[CS50.TV]