AJAX ወይም Ajax የማይመሳሰል ጃቫስክሪፕት እና ኤክስኤምኤል ነው። በደንበኛው በኩል ሙሉውን ድረ -ገጽ ሳይጭኑ ከአገልጋዩ ጋር ውሂብን ለመለዋወጥ እና የድረ -ገጹን የተወሰነ ክፍል ለማዘመን ያገለግላል። ውሂቡን ሲለዋወጡ እና ሲያዘምኑ የነባሩ ድረ -ገጽ ማሳያ እና ባህሪ በጭራሽ ጣልቃ አይገባም። አያክስ እንዲሁ በኤችቲኤምኤል ፣ በሲኤስኤስ ፣ በዶም እና በጃቫስክሪፕት ተጠቃሚው በድረ -ገጹ ላይ ካለው መረጃ ጋር መስተጋብር ለመፍጠር የሚያገለግል የቴክኖሎጂ ቡድን ተደርጎ ይቆጠራል። በዚህ ጽሑፍ ውስጥ ማስታወሻ ደብተር ++ ን በመጠቀም በደረጃዎች በአጃክስ ደረጃዎች ውስጥ ቀለል ያለ ፕሮግራም እንዴት እንደሚጽፉ ያሳየዎታል። የኤችቲኤምኤል ፣ ዶም ፣ ጃቫስክሪፕት እና የአከባቢ የድር አገልጋይ ወይም የርቀት የድር አገልጋይ አንዳንድ መሠረታዊ ዕውቀት ያስፈልጋል። WampServer ለሙከራ በዚህ ጽሑፍ ውስጥ ጥቅም ላይ ውሏል።
ደረጃዎች
ዘዴ 1 ከ 2 - ኮድ መስጠት
ደረጃ 1. የአጃክስ ፕሮግራም ለመፃፍ ስዕል ያዘጋጁ።
የአያክስ ፕሮግራሙን የሚያሳዩትን html እና የጽሑፍ ፋይሎችዎን በሚያስቀምጡበት በተመሳሳይ አቃፊ ውስጥ ስዕሉን ያስቀምጡ። በዚህ ጽሑፍ ውስጥ “ProgramInAjax” ማውጫ WampServer ን በጫኑበት በ “www” ማውጫ ስር በ “wamp” አቃፊ ውስጥ ተዋቅሯል።
ደረጃ 2. ማንኛውንም የጽሑፍ አርታዒ ይክፈቱ።
ማስታወሻ ደብተር ++ በዚህ ጽሑፍ ውስጥ እንደ የጽሑፍ አርታኢ ሆኖ ያገለግላል።
ደረጃ 3. በጽሑፍ አርታዒው ውስጥ አዲስ ፋይል ይፍጠሩ።
የሚከተለውን ይተይቡ
ኦህ ኦህ! ቢጫ አበባው የት ሄደ?
በኤችቲኤምኤል መለያ ውስጥ የሚፈልጉትን ሁሉ መተየብ ይችላሉ።
ደረጃ 4. ፋይሉን እንደ የጽሑፍ ሰነድ በ “ajax-data.txt” ስም ያስቀምጡ።
” በእውነቱ እርስዎ የፈለጉትን ፋይል ስም መሰየም ይችላሉ ፣ ግን በዚህ ፋይል ውስጥ ተመሳሳይ የፋይል ስም ማስገባትዎን ያረጋግጡ።
xmlhttp.open ("GET" ፣ "ajax-data.txt" ፣ እውነት);
ሆኖም ፣ ኤችቲኤምኤል መለያው ትልቅ እና የማይታይ ሆኖ እንዲታይ ለራስጌው ጥቅም ላይ ውሏል።
ደረጃ 5. ለድር ገጽ አዲስ ፋይል ይፍጠሩ።
ይህ ፋይል በኤችቲኤምኤል ፋይል ውስጥ የአያክስ ፕሮግራምን በድር አሳሽ ውስጥ ለማየት ነው።
ደረጃ 6. የሚከተለውን ኮድ ይቅዱ
የእኔ የመጀመሪያ የአጃክስ ፕሮግራም በእኔ የአጃክስን ኮድ ከዚህ በታች ያስቀምጡ።አበባው እንዲጠፋ ለማድረግ ከታች ያለውን አዝራር ጠቅ ያድርጉ።
3929304 7 ደረጃ 7. ፋይሉን ያስቀምጡ።
በምናሌ አሞሌው ላይ የማዳን ቁልፍን ጠቅ ያድርጉ። “አስቀምጥ እንደ” የሚለው ሳጥን ክፍት ነው። ለሰነድዎ ስም ያስገቡ። በዚህ ጽሑፍ ውስጥ የፋይሉ ስም “መረጃ ጠቋሚ” ነው።
3929304 8 ደረጃ 8. የፋይል ቅጥያውን ለመምረጥ ተቆልቋይ ታች ያለውን ቀስት ጠቅ ያድርጉ።
በ “እንደ ዓይነት አስቀምጥ” መስክ ላይ የፋይል ቅጥያውን ለመምረጥ ተቆልቋይ ቀስት ላይ ጠቅ ያድርጉ።
3929304 9 ደረጃ 9. “Hyper Text Markup Language file” የሚለውን ይምረጡ።
” በቅንፍ ውስጥ “ኤችቲኤምኤል” እንዳለው ያረጋግጡ። “Html” ን ከመረጡ በኋላ አስቀምጥን ጠቅ ያድርጉ።
3929304 10 ደረጃ 10. በድር አሳሽ ውስጥ የኤችቲኤምኤል ፋይልን ይፈትሹ።
በድር አሳሽ ውስጥ ድረ -ገጹን ይክፈቱ። በላይኛው ምናሌ አሞሌ ላይ ወደ “አሂድ” ይሂዱ። እሱን ጠቅ ያድርጉ እና “በ Chrome ውስጥ ያስጀምሩ” ወይም በስርዓትዎ ውስጥ የሚጫነውን ማንኛውንም አሳሽ ይምረጡ። ጉግል ክሮም በዚህ ጽሑፍ ውስጥ ለሙከራው ያገለግላል። በማስታወሻ ደብተር ++ ውስጥ ሌሎች አሳሾች ሊጫኑ ይችላሉ። የእርስዎን ተወዳጅ አሳሽ መምረጥ ይችላሉ። ሌላ አማራጭ ፣ በማያ ገጹ ታችኛው ክፍል ላይ ባለው የተግባር አሞሌዎች ላይ የ WampServer አዶን ጠቅ ማድረግ እና “አካባቢያዊ መንፈስ” ን መምረጥ ይችላሉ። እዚያ ማውጫዎን ማየት እና የመረጃ ጠቋሚውን ፋይል ጠቅ ማድረግ አለብዎት።
ደረጃ 11. ስክሪፕቱን ለመፈተሽ ከስዕሉ በታች ያለውን አዝራር ጠቅ ያድርጉ።
3929304 12 ደረጃ 12. የመጨረሻው ድረ -ገጽዎ።
መጀመሪያ ወደ የጽሑፍ ፋይል በገቡት መረጃ የእርስዎ ድረ -ገጽ መታደስ አለበት። አበባው እና ራስጌው በአዲሱ ራስጌ መተካት አለባቸው “ኦህ! ቢጫ አበባው የት ሄደ?”
ዘዴ 2 ከ 2: ኮድ ማብራሪያ
3929304 13 ደረጃ 1. የሰውነት ክፍል።
የኤችቲኤምኤል አካል የ “ዲቪ” ክፍል እና አንድ ቁልፍ አለው። ይህ ክፍል ከአገልጋዩ የተመለሰውን መረጃ ለማሳየት ያገለግላል። አዝራሩ ጠቅ ከተደረገ “loadXMLDoc ()” የተባለ ተግባርን ይጠራል።
የእኔ የመጀመሪያ የአጃክስ ፕሮግራም በእኔ የአጃክስ ፕሮግራምን ለመሞከር አንድ ምስል እዚህ ይሄዳል።አበባው እንዲጠፋ ለማድረግ ከታች ያለውን አዝራር ጠቅ ያድርጉ።
አንድ አዝራር እዚህ ይሄዳል
3929304 14 ደረጃ 2. የጭንቅላት ክፍል
የኤችቲኤምኤል ፋይል ዋና ክፍል የ “loadXMLDoc ()” ተግባርን የያዘ የስክሪፕት መለያ አለው።
የእኔ የመጀመሪያ የአጃክስ ፕሮግራም በእኔ የአጃክስን ኮድ ከዚህ በታች ያስቀምጡ።ደረጃ 3. ተጨማሪ ማብራሪያ።
የአጃክስ በጣም አስፈላጊው ነገር XMLHttpRequest ነገር ነው። ከአገልጋዩ ጋር ውሂብ ለመለዋወጥ የሚያገለግል ሲሆን ሁሉም ዘመናዊ አሳሾች ነገሩን ይደግፋሉ።
- XMLHttpRequest () ነገር ለመፍጠር አገባብ ተለዋዋጭ = አዲስ ኤክስኤምኤልኤችቲፕሬክስት (); ነገር ግን በተመሳሳይ ጊዜ ActiveX ን የሚጠቀም የበይነመረብ ኤክስፕሎረር (IE5 እና IE6) የድሮ ስሪቶችን ለመፍጠር አገባብ ተለዋዋጭ = አዲስ ActiveXObject (“Microsoft. XMLHTTP”) ነው ።.
- ሁሉንም ዘመናዊ አሳሾች ለማስተናገድ ፣ አሳሾቹ የ XMLHttpRequest ን ነገር የሚደግፉ መሆናቸውን ማረጋገጥ አለበት። ካደረገ ፣ ኤክስኤምኤልኤችቲፕሬኬስት ዕቃን ይፈጥራል። አንድ ሰው ከሌለው ለእሱ ActiveX ን ይፈጥራል።
- ከዚያ ለአገልጋዩ ጥያቄ ይልካል። “ክፍት ()” እና “ላክ ()” ተብሎ የሚጠራው የ XMLHttpRequest ነገር ዘዴ ጥቅም ላይ ይውላል። xmlhttp.open ("GET" ፣ "ajax_info.txt" ፣ እውነት); xmlhttp.send ();.
ጠቃሚ ምክሮች
- ውጤቱን አስቀድመው ለማየት ሌላ አማራጭ ፣ የድር ገፁን ለማሳየት የሚወዱትን አሳሽ ከፍተው በድር አድራሻ አሞሌ ውስጥ “localhost/ProgramInAjax” ብለው መተየብ ይችላሉ። የኤችቲኤምኤል ፋይልዎን ወደ “index.html” ብለው ከሰየሙት የድር ገጹን ማየት መቻል አለብዎት።
- በስራዎ ወቅት የ html ፋይልዎን ብዙ ጊዜ ያስቀምጡ። ለዊንዶውስ ተጠቃሚዎች በተመሳሳይ ጊዜ Ctrl እና S ን መጫን ብዙ ጊዜ ይቆጥባል።
- የተቀመጠ የኤችቲኤምኤል ፋይል የእርስዎ ምስል እና የውሂብ ጽሑፍ ፋይል ባለበት ተመሳሳይ ቦታ ላይ ማከልዎን ያረጋግጡ።
- አንድ ፋይል ሲሰይሙ እነዚያን ስሞች ወደ ኮዱ ሲጨምሩ ጉዳዩ ስሜታዊ ነው። ለምሳሌ ፣ “myImage” ከ “MyImage” ወይም “myimage” የተለየ ነው።
