Ajax - එය කුමක් ද? අසමමුහුර්ත JavaScript හා XML: වාසි සහ අවාසි

දැන් ඔබ අන්තර්ජාලයට ලබා ජනප්රියත්වය මත නව තාක්ෂණයන් භාවිත සහ අයදුම් නැරඹිය හැකිය. ඔවුන්ගෙන් එක් කෙනෙක් - සියල්ලන්ටම AJAX. එය කුමක්ද? එය අංග මොනවාද ඇති වන්නේ කෙසේද? එහිදී අයදුම් කිරීමට? මේ සියලු ප්රශ්න මේ ලිපියේ පිළිතුරක් සොයා ගත වනු ඇත.

සාමාන්ය තොරතුරු

කොහොමද සියල්ලන්ටම AJAX අවුරා සිටින්නේ කුමක් ද? යන්නෙන් අදහස් කරන්නේ කුමක්ද? මෙම අඩු කිරීම සඳහා සංකේත නාමය වේ. එය Asynchronous ජාවාස්ක්රිප්ට් සහ XML ( "Asynchronous ජාවාස්ක්රිප්ට් සහ IKSML") යන අර්ථයයි. බොහෝ විට ඔබ මෙම නව තාක්ෂණය බව තොරතුරු අහන්න දකින්න පුළුවන්. නමුත් මේ සැබෑ නොවේ. ජාවාස්ක්රිප්ට් සහ XML, එහි දැනටමත් දීර්ඝ කාලයක, මෙම "Ajax" මේ තාක්ෂණයන් සංශ්ලේෂණය පමණි බව. බොහෝ විට එය කාලීන වෙබ් 2.0 සමග ඒකාබද්ධ ව භාවිතා වන අතර උසස් නිර්මාණ ශිල්ප ක්රම භාවිතය ලෙස අවබෝධ කර ගත හැකි ය.

කුමක් ලක්ෂණය?

ඒ නිසා, අපි මේ වන විටත් සියල්ලන්ටම AJAX දේ යම් අවබෝධයක් තිබෙනවා. එය ප්රායෝගිකව අපට ලබා දෙනවා කුමක්ද? ඇයි ක්රියාකාරීව එහි ඉල්ලුම් ගැන කතා කොට ඇත? මෙම තාක්ෂණය සැලැස්ම - පළමු ඉල්ලීම දී මුළු පිටුව refresh කිරීමට අවශ්ය වන්නේ ඇයි ඔබ එය භාවිතා කරන විට බව නොවේ. පසු, ඔබ පමණක් එය කොටසක් සඳහා නව දත්ත ඉල්ලා සිටිය හැක. මෙම පහසු (මෙම කාලය අඩු නිසා ඔබ බලා සිටීමට සිදු), සහ (අසීමිත අන්තර්ජාල නැති අය සඳහා) පිරිවැය වේ. කෙසේ වෙතත්, උසස් කිරීම සිදුවෙමින් පවතින දේ ගැන පරිශීලක දැනුවත් කිරීමට සේවාදායකය වෙතින් නව දත්ත ගැන දැනුම් බව අවම වශයෙන් බර දර්ශකයක් හෝ කෙටි පණිවිඩ භාවිතා කිරීමට හොඳය. ලෙස minuses තාක්ෂණය බොහෝ විට එය උරුමය සහ පෙළ බ්රව්සර සඳහා පහසුකම් සපයන්නේ නැත යන කාරනය සඳහන් වේ. හා ජාවාස්ක්රිප්ට් තාක්ෂණය අක්රිය කිරීමට ඇති හැකියාව බොහෝ විනෝද වඩා පරිශීලක දී ය. ඒ නිසා, ඔබ සියල්ලන්ටම AJAX අයුතු ලෙස පාවිච්චි නොකළ යුතුයි. එය ලබා දිය හැකි බව, තොරතුරු සැපයීමේ විකල්ප ක්රම ලබා දීමට නොවේ නම්? හොඳම නඩුවේ, තොරතුරු පමණක් අඩවියේ ප්රදර්ශනය කළ නොහැකි වනු ඇත. නරක ම - එහි පෙනුම පරිශීලක තවදුරටත් ආපසු ඇති බව එසේ බලපෑම එල්ල වූ වේ.

"Ajax" වල වාසි

මෙම තාක්ෂණය, වෙබ් පිටුවකට සාක්ෂාත් කල හැකි විසින් ක්රම දෙකක් ඉදිරිපත් කරයි. පළමු නැවත ආරම්භ තොරව වෙනස් කමක් සිදු කල යුතුයි. මෙම සේවාදායකය වෙත ගතික ඉල්ලීම් ඉටු කළ හැක. දෙවැන්න, XMLHttpRequest වේ වඩාත්ම ජනප්රිය වූ අතර ඉන් විශේෂ තාක්ෂණයන්, භාවිතය ඇතුළත් වේ. සාපේක්ෂව ම වාසි, "Ajax" පහත සඳහන් කියන්න පුළුවන්:

1. ඔබ අතුරුමුහුණත මානව අන්තර් සහ වෙබ් අඩවි සඳහා පහසුකම් එහි ප්රතිඵලයක්, පරිශීලක සඳහා කදිම ලක්ෂණ සමස්ත සංඛ්යාවක් ඇත පහසු වෙබ් අඩවි පදනම් කරගත් අයදුම්පත්, නිර්මාණය කළ හැකිය.
2. ඒ වෙනුවට සම්පූර්ණ පිටුවක් අර්ධ වශයෙන් නැවත පූරණය කරන්න. මෙම සම්පත් ඉතිරි සහ මැෂින් කාර්ය සාධන මනා.
3. මෙම වෙබ් අඩවියේ සේවාදායකය කොටසක් ක්රියාකාරීව පරිශීලක සමඟ අන්යේන්ය ඇත.
4. අදහස් ගණනාවක් ක්රියාත්මක කිරීම සඳහා ඉතා ප්රයෝජනවත් ය.

සන්නිවේදනය

මෙන්න, උදාහරණයක් ලෙස, පාරිභෝගිකයන් උපදෙස් දීම සඳහා භාවිතා කළ හැකි වන ප්රතිචාර ආකෘති පත්රය, අවශ්ය වේ. කොහොමද එය සිදු කළ හැක්කේ කෙසේද? මුලින්ම අපි තොරතුරු "ගුවන්" බලාගන්න ඕනේ. මෙය සිදු කිරීම සඳහා, ඔබ XMLHttpRequest වස්තුව නිර්මාණය කිරීමට අවශ්ය වේ. ඔහු සේවාදායකය හා පරිශීලක බ්රවුසරය අතර අතරමැදියෙකු ලෙස ක්රියා කරයි. මෙම වස්තුව සමග ඉල්ලීම් යැවීමට හා පිළිතුරු ඔවුන්ට ලැබෙනු ඇත. සෘජු දත්ත හුවමාරු සඳහා, අප සියල්ලන්ටම AJAX, PHP අවශ්ය වේ. මෙම මෙවලම් GET- හෝ පශ්චාත්-විමසුම් භාවිතා ක්රියාත්මක කළ හැකිය. මේ අවස්ථාවේ දී, අවශ්ය තර්ක URL එක හරහා කෙලින්ම සම්මත කර ගනු ඇත. එම අවස්ථාවේ දී, ඒ හා දත්ත හුවමාරු, මදකට නතර වූ නොවන බව සහතික කිරීම සඳහා මෙම උත්සවය පවත්වා ඇත. එහෙත් සියල්ලන්ටම AJAX-ඉල්ලීම ක්රියාත්මක කිරීමට කෙසේද? තැපැල් භාවිතා කිරීම නිර්දේශ. ඔහුට ස්තුති, ඔබ, දත්ත අසීමිත ප්රමාණයක් මාරු කල හැකි, එපමනක් නොව, තවත් බොහෝ දුෂ්කර ප්රවේශ වේ.

මෙහෙයුම් මූලධර්මය

කොහොමද Asynchronous ජාවාස්ක්රිප්ට් සහ XML ප්රායෝගිකව ද? ගේ උදාහරණයක් මෙම තේරුම් කරමු. ඔබ සේවාදායකයා කොටසක් ආරක්ෂිත දත්ත හුවමාරු අවශ්ය සියලු ක්රියාකාරිත්වය සපයන බවට වග බලා ගැනීමට අවශ්ය ව්යුහය සම්බන්ධයෙන් ඉදි කළේය. එය තොරතුරු තෝරා ක්රම සම්ප්රේෂණය සඳහා අවශ්ය ක්රම ලබා දිය යුතුය. සේවාදායකය කොටසක් පසුව පාරිභෝගිකයා වෙත එය මත ගමන් කිරීමට නව තොරතුරු උත්පාදනය කිරීමට මේ වන විටත් ඔවුන් මත පදනම් වූ දත්ත සැකසුම්, සහ, බවට සහතික විය යුතුය. අන්තර් වඩාත් පොදු වර්ගයේ දත්ත සමුදාය සමඟ වැඩ කිරීමට ය. බොහෝ ව්යාපාර ස්ථාන ප්රතිචාර ක්රමයක් ලෙස ක අංගයක් අප මීට පෙර සඳහන් කර ඇත. මෙම නඩුවේ "Ajax" වාසිය එය අසමමිතික දත්ත හුවමාරු නොවන බවයි. වෙනත් වචන වලින් කිවහොත්, එම තොරතුරු යවා ඇති අතර, පරිශීලක ඔහුට අවශ්ය සියලු ක්රියාකාරකම් කළ හැකිය. එක් එක් නඩුවට අදාළ තොරතුරු පිළිබඳව අවධානය යොමු, ඔබට මෙම ක්රියාවලිය අඩවියේ නරඹන්නන් දැනුවත් කිරීමට අවශ්ය දැයි තීරණය කළ යුතුයි. එම ප්රතිචාර පෝරමය සාපේක්ෂව මෙම නඩුවේ අප ලියන්නේ බව පුළුවන් "ක්රියාකරු පිළිතුරු dials", හෝ ඒ හා සමාන දෙයක් සඳහන් කල යුතුය.

සේවාදායකය ප්රතිචාර

ඔහු ඔබ නිසා තාක්ෂණය නම සිතනු ලෙස, XML සඳහා පමණක් නොව මතු විය හැකිය. මීට අමතරව, එය සරල පෙළ හෝ JSON ලෙස සම්ප්රේෂණය කළ හැක. පළමු අවස්ථාවේදී තොරතුරු වහාම පිටුවේ ප්රදර්ශනය කළ හැක. XML භාවිතා කරන්නේ නම්, ඔබ සියල්ලන්ටම AJAX-ගොනුව බලාගන්න අවශ්ය නිසි සේවාදායකයාගේ බ්රවුසරයේ සකස් කර ඇත. මෙම නඩුවේ සියලු දත්ත (X) HTML බවට පරිවර්තනය කර ඇත. භාවිතා කරන විට JSON ආකෘතිය, ඔබ සම්පූර්ණ වස්තුව ජාවාස්ක්රිප්ට් ලබා ගැනීමට කේතය ඉටු කිරීමට අවශ්ය වේ. එය පරිස්සම් වෙන්න සහ සැලකිල්ලට බොහෝ හැකර් මෙම තාක්ෂණය මගින් අනිෂ්ට කේතයන් සම්ප්රේෂණය කිරීමට කැමති බව අවශ්ය ය. ඔවුන් සකස් කිරීමට පෙර දත්ත තහවුරු ක්රියාවලිය සඳහා ලබා දීමට අවශ්ය වන්නේය. විවිධ බ්රව්සර සඳහා සාක්ෂාත් විශේෂාංග තරමක් වෙනස් විය හැකිය, නමුත් පොදුවේ, මෙහි පියවර එක් ක්රමය වේ.

අපි සේවාදායකයක් සහ ප්රතිචාර සැකසුම් වෙත ඉල්ලීමක් කළ

ක්රියා සමස්ත අනුපිළිවෙල පහත සඳහන් පරිදි වේ:

1. මුලදී, ඔබ නිර්මාණය කිරීමට සහ XMLHttpRequest ඇති බව තහවුරු කළ යුතුය.
2. එවිට සර්වර සම්බන්ධතා ආරම්භනය.
3. ඒ සඳහා ඉල්ලීම යැවිය.
4. දත්ත එන්න අපට බලා, ඔවුන්ට සැකසීමට.

එය වස්තුව නිර්මානය කිරීම මත ලක්ෂණ කිහිපයක් ගැන ඔබට කිව යුතුයි. එය වැඩසටහන්කරණ භාෂාවට රාමුව තුල පමනි ඕනෑම ස්ථානයක ආරම්භ කළ හැක. නමුත් ඔහු එය එක ඉල්ලීමක් පමණක් සමඟ වැඩ කිරීමට හැකි වනු කිරීම සඳහා කාලය තුළ කිසිදු එක් අවස්ථාවක දී, ගෝලීය තත්ත්වය ලබා දී නම්. මේ මොහොතේ දී, ඔබට සමීප අවධානය යොමු කළ යුතු ව තිබෙනවා. ප්රතිකාර සම්බන්ධයෙන් - මෙන්න අපි තෝරාගත් උපකරණය මත අවධානය යොමු කරන්න. ඒ නිසා, XML දත්ත DOM-කාර්යයන් සකස් හා පරිශීලක ඉදිරිපත් කිරීමට නම්, HTML හි අවසන් ප්රතිඵලය ඇත. කුමක් JSON-ශ්රේණිගත සමග සිදු කරන්නේ? එය වස්තුව අංකනය ජාවාස්ක්රිප්ට් බව අවබෝධ කර ගත යුතු ය. යන්නෙන් අදහස් කරන්නේ කුමක්ද? නිසා JSON වස්තුවක් වැලක් ලෙස නියෝජනය කළ හැක. එහෙත් මේ ක්රමය සම්පූර්ණ කිරීම ආරක්ෂාකාරී නොවන බව මතක තබා ගත යුතු ය, සහ සාධක ගොඩක් සලකා බැලිය යුතු. නමුත්, සාමාන්යයෙන්, එය ඉතා පහසු වේ.

සර්වර්-සයිඩ් ක්රමලේඛන භාෂා

ඕනෑම වෙබ් අඩවි පදනම් කරගත් අයදුම්පත් එක් හෝ තවත් ආකාරයකින් ඒවා භාවිත කෙරේ. දත්ත සම්ෙපේෂණය සඳහා වඩාත්ම ජනප්රිය PHP ය. එය මත සාමාන්යයෙන් වෙබ් අඩවි සඳහා ගොනු ලිවීම, එහිදී බරපතල දත්ත සම්ප්රේෂණ වේගය නොවේ, සහ ඇගේ සහ විශ්වසනීයත්වය අතර කැමති ශේෂය. ඉහත සාකච්ඡා XMLHttpRequest සම්ප්රේෂණ ක්රම.

මානකරමින් සේවාදායකය

සියල්ලන්ටම AJAX සම්පූර්ණයෙන්ම ක්රියාත්මක කිරීම සඳහා කුමන වැඩසටහන් අවශ්ය කරන්නේ? මෙය අපට කුමක් නිසාද? සඳහා ඔවුන් මොනවාද? මෙම ප්රශ්න වලට පිළිතුරු ලබා ගැනීමට, ඔබ පහත සඳහන් ලැයිස්තුව සාදා යුතුය:

1. HTML / XHTML. ඔවුන් පිටු සැකසුම හඳුනා ගැනීමට සේවාදායකය සඳහා අවශ්ය වේ.
2. CSS වේ. පිටුව නිර්මාණය දෘශ්ය තෝරා ගැනීම සඳහා මෙම මෙවලම අවශ්ය වේ.
3. DOM. එය පරිශීලක විසින් පියවර ප්රතිචාරයක් ලෙස පිටුවක් මත වෙනස්කම් සහතික කිරීම සඳහා අවශ්ය වේ.
4. XML. සේවාලාභියා හා සේවාදායකය අතර දත්ත හුවමාරු සඳහා අවශ්ය වේ.
5. ජාවාස්ක්රිප්ට්. අපි කර්සරය "Ajax" නිර්මාණය හා interactivity ලබා දිය යුතුය.
6. XMLHttpRequest. විමසුම් සේවාදායකය වෙත ඉදිරිපත් කරනු ලැබේ වස්තුව මගින් වන.

මෙම වෙබ් අඩවිය භාවිතා කරන

ඒ නිසා දැන් අපි කොහොමද සියල්ලන්ටම AJAX ගැන න්යායික දැනුම හා අදහස් දෙකම තියෙනවා. දත්ත යැවීම දැන් පමණක් යම් ප්රායෝගික අවශ්ය වේ. ඇති "Ajax" භාවිතා කර්තව්යය ක්රියාත්මක කිරීම යොමුවීම, අපට පොදුවේ ගැන අපි දැන් සලකා බලමු. ඒ නිසා, අපි රියදුරු දත්ත සමුදා නිර්මාණය සඳහා අවශ්ය වේ. ඔවුන් ක්රියාත්මක කළ හැකි උපකරණ වෙනස් වේ. එය ඉහත දත්ත ඉතා විශාල බව සඳහන් කළ යුතු ය, ඒ නිසා මම පමණක් සේවාදායකයා එය යැවීමට හා එය JavaScript භාවිතා කර තෝරා තේරුමක් නැත කිරීමට ලබා දීමට ඇත. එය වෙබ් පිටුව හේතුවෙන් එක් පරාමිතියක් Reloaded ඇත අයිති කර ගැනීමට ද යෝග්ය වේ. සේවාදායකය ඉල්ලීම් මත විශේෂ PHP ස්ක්රිප්ට් හැසිරවිය ඇත. දත්ත-ගබඩාව XML ගොනු ලෙස මෙය ක්රියාත්මක වේ.

දත්ත සමුදාය ගැන

එය එහි ව්යුහය වැඩ කිරීමට අවශ්ය වේ. දේ සහ සම්මත පරාමිතීන්, වස්තූන් වන නම්? එවැනි අවස්ථාවක දී එය කාර්යය කිසිදු ලින්ක් එය ඇමතුමක් අවස්ථාවට වනු ඇත එහිදී විචල්ය, නිර්මානය කිරීම සඳහා ලබා දීමට අවශ්ය වේ. එය ඕනෑම තැනක සිට එය ලබාගැනීම කිරීමට හැකි විය ගෝලීය කේතය ඇති කිරීම සඳහා අවශ්ය වේ. පහසුව සඳහා, එය භාවිතා කිරීමට හොඳය දත්ත සමුදාය කළමනාකරණ පද්ධතිය. ඇත්ත වශයෙන්ම, මෙය අවශ්ය නොවේ. නමුත් තවමත් දත්ත සමුදාය භාවිතය දත්ත සමඟ වඩාත් පහසුවෙන් හා කාර්යක්ෂම ලෙස වැඩ කිරීමට ඉඩ ලබා දේ.

අපි එන්ජින් මෙහෙයුම මත වැඩ

කොහොමද හැම දෙයක්ම සිදු වන්නේ ඇයි? ඒ නිසා, විශේෂ කාර්යය ඇති වන යම් සිදුවීමක්, එහි එන. ඇය යවනු ලැබේ බව ලබා ගන්න හෝ පශ්චාත්-දත්ත සූදානම් කරනු ඇත. ඉන් පසුව එය සේවාදායකය අත්පිටපතක URL එක වෙත අභියාචනයක් ඉදිරිපත් කළ වනු ඇත, මෙම උත්සවය ඉල්ලා සිටී. එය XMLHttpRequest-වස්තුව නිර්මාණය කිරීමට සැලැසුම් කර ගැනීමට අවශ්ය වේ. එය කිරීමට යොමු විචල්ය තුල ගබඩා කළ යුතුය. දත්ත සේවාදායකය වෙත යවා ඇත පසු, ඔබ ඔහුගෙන් ප්රතිචාරයක් සඳහා තෙක් සිටිය යුතු විය. මෙය සිදු කිරීම සඳහා, ඔබ තොරතුරු ලබා ගැනීමට "කන්දීම" ඔබට සක්රිය කර හැකිය (දන්නා නම්, ඒ කවදාද පැමිණෙන හා) හෝ සෑම විටම දත්ත පිළිගැනීමට සූදානම් වනු ඇති බවට උත්සවයකට ලබා දීමට. පළමු ලිපිය දිගු අසාමාන්ය තත්වය නඩුවේ අඩු විශ්වාසනීය වේ. දෙවන සාක්ෂාත් - සම්පත් අනුව වැඩි වියදම් අධික වේ. නමුත්, එය එකම එක විචල්ය සම්බන්ධයෙන් සිදු වන්නේ නම්, එය එම වේගවත් අන්තර්ජාල බලපාන නීතියක් නොවේ. එහෙත් සිය දහස් ගණනක් පවතී නම්, ඔවුන් ඉහළ විභේදනයක්, ඇත - එය තවත් කරුණක් වනු ඇත. එය ලබා ගත හැකි සම්පත් හා කාර්යක්ෂමතාව භාවිතය අතර ශේෂ සොයා කිරීම අවශ්ය වන්නේය. කෙසේ වෙතත්, එය ඒ සියල්ලම 16 GB දක්වා මතකයක් බව අවබෝධ කර ගත යුතු ය. මෙම පසුව මේ කාලය වන විට සේවාදායකය ලබා ගත හැකි නොවන බව මීට පෙර දත්ත හෝ තොරතුරු ආදේශ යම් පොරොත්තු කාලය නියම විය හැක.

විශේෂාංග

ඇති "Ajax" භාවිතා පිටුව හෝ යෙදුම සඳහා අතුරු මුහුණත නිර්මාණය කරන විට, ඔබ ප්රතිඵලයක් වෙනස් මෙහෙයුම් පද්ධති මත, වෙනස් බ්රව්සර මත හොඳින් ක්රියා බව තහවුරු කළ යුතුය. පළමු අවස්ථාවේදී ම සහයක් emulators ලබා ගැනීමට හැකි වනු ඇත. දෙවන අවස්ථාවේ දී එය හුදෙක් වැඩසටහන් රාශියක් ස්ථාපනය කිරීමට හා ඔවුන් කේතය ක්රියාකාරිත්වය පරීක්ෂා තරම් වනු ඇත. එය ඇතැම් ක්රියා කිරීම සඳහා ද ද අවශ්ය වන අතර, නඩුව පරිශීලක බ්රවුසරය දිනය එළියට භාවිතා කරනු ඇත හෝ ඒ සඳහා අවශ්ය සැකසුම් වසා ඇත. එවැනි අවස්ථාවලදී, සත්කාර මෙම නඩුවේ නැරඹීමේ වෙබ් අඩවිය හැකි නොවේ හේතුව පවසමින් පිටුවේ පෙළ ඉවත් කිරීම සඳහා වන කටයුතු කළ යුතුය. ඔව්, දැන් ජනතාවගේ අතිමහත් බහුතරය නවීන තාක්ෂණය භාවිතා, නමුත් සම්පූර්ණයෙන්ම සම්භාවිතාව හා නරඹන්නන් සියයට කිහිපයක් පරණ මෘදුකාංග භාවිතා කරනු ඇත බව අවධානය යන්න ඉඩ දෙන්න එපා. සහ ව්යාපාරික පරිමාණ එය සැලකිය යුතු විපාක ඇති කළ හැකිය.

නිගමනය

බව මෙම ලිපියේ තාර්කික අවසානයකට පත්වෙයි. අපි මුළු මත "Ajax" ගැන කතා නම්, මෙම මෙවලම ඔබට ඉතා ඉක්මනින් හා එහි පරිශීලකයන් සතුටක් ඉදිරිපත් කල නිසි සැකසුම සමඟ වැඩ කරන ඉතා ආකර්ෂණීය හා ලක්ෂණය පොහොසත් වෙබ් අඩවි නිර්මාණය කිරීමට ඉඩ දෙයි. අනාගතයේ දී පවා දියුණු තාක්ෂණය ඇති විය වනු ඇති බවට කිසිදු සැකයක් නැත, නමුත් දැන් අපි අප සතු දේ භාවිතා කරනු ඇත. ක්රමලේඛන භාෂා සහ ශිල්ප ක්රම පිළිබඳ වැඩි දියුණු කිරීම, ඉතා හැකි වන අතර, මෙම ලබා ගත හැකි වනු ඇති බවට විකල්පයක්, ඊටත් වඩා උසස් තත්ත්වයේ නිෂ්පාදන නිර්මාණය ලබන විධික්රම වේ. නමුත් ඒ ලෙස බව, අවශ්ය කටයුතු මේ බව ය කළ යුතුය. මෙම නම - "Ajax".