ایجیکس - مثالیں. ایجیکس سکرپٹ

نیٹ ورک کے پروٹوکول، انفرادی سکرپٹ کی کال میکانزم، معلومات کی ٹرانسمیشن / استقبال کے ذریعے رسائی - انٹرنیٹ وزیٹر کو ایک نیٹ ورک میں ہوسٹ کی گئی ہے کہ ہر ایک کے وسائل کی مرئیت اور براؤزر فراہم کرتا ہے. ایک منفرد لنک (ڈومین کے نام، ایک منفرد نوڈ ایڈریس) - سائٹ قضاء کہ صفحات کی سیٹ، ایک عام جڑ ہے.

کوئی بات نہیں جو وسائل سے Statically یا متحرک دورہ کا جواب کوئی جواب پیدا. فارم اور صفحات کے مواد کے کسی بھی حالات، مواصلات سرور کا ناقابل تقسیم اکائی اور کلائنٹ (براؤزر) پر انحصار بھی اگر ختم HTML کوڈت دستاویز، تصاویر، سٹائل شیٹس، اور دیگر فائلوں کے لئے ضروری مواد اور ماحول ہے. کچھ غلط ہے تو، براؤزر کی نمائش کرتا ہے کہ تمام تجزیہ اور پھانسی حاصل کرنے کے لئے "منظم".

کئی ذہین ٹیکنالوجی کا ایک طویل وقت کے لئے ابھر کر سامنے آئے، لیکن ناحق بھول گیا ہے یا مناسب طریقے سے استعمال نہیں کیا گیا ہے. پہلا AJAX (مثالیں XMLHttpRequest اعتراض استعمال کرتے ہیں) کئی سال پہلے شائع ہوا، لیکن کامیابی اور شہرت بہت بعد میں آیا.

تمام یا صرف آپ کی ضرورت ہے

سائٹ کے کلاسیکی ورژن میں - نام، IP ایڈریس اور ایک لنک (انٹرنیٹ خلا میں ایک ہی نقطہ designating کے تمام مترادفات). اس مرکزی صفحے پیچھے کیا جھوٹ - سوچا: ان کی اپنی پہل پر یہ ایسا کیوں ہے یہاں تک نہیں پوچھا تھا جو ایک جدید "ڈیزائنر"،؟ کیوں سائٹ آپ کسی دوسرے کو حاصل کر سکتے ہیں جس سے مرکزی صفحہ ہے؟ یہ آپشن - واضح طور پر نہیں مثالی ہے، یہ ہے مخصوص مواد اور اصل فعالیت.

سادہ لفظوں میں، اگر ایک شخص ایک دانتوں کے ڈاکٹر کی ضرورت ہے تو، اس کی بجائے سرجری کے لئے اور نہ مشاورت تھراپسٹ کے لئے لائبریری کے لئے باورچی خانے سے زیادہ، ایک خاص مقصد کے لئے صحیح ایڈریس ہے. اس میں سے ایک باہر کر دیا جہاں جگہ میں، وہ دیکھتا ہے، لیکن مکمل طور پر ایک ڈینٹل کلینک وصول نہیں کرتا. بہترین ایک وزیٹر کی توقع کر سکتے ہیں کہ - ڈاکٹر سے رجسٹری اور سمت (عین مطابق راستے). اور موقع (آمد پر) پر ایک ڈاکٹر ہے، اور منزل کے طور پر تبدیل کر سکتے ہیں.

لیکن یہاں کی ویب سائٹ عام طور پر ہمیشہ مکمل گولہ بارود میں بھری ہوئی، کچھ بھی نہیں کے اکاؤنٹ میں جب بھی کوئی آیا ہے کہ لینے کے، لوڈنگ پر تبدیلیاں ... لیکن پھر بھی یہ ایک حقیقی زندگی کلینک، آپ کو کافی معلومات صفحے دینے کے لئے ایک نئے گاہک کا دورہ پہلی بار ہے جہاں صورت میں ہے ، روابط، اور ... ونڈو رجسٹری کہ آف گھنٹوں کے دوران سائٹ پر وزٹ کیا گیا تھا، ڈاکٹر کی طرف سے مقرر کے طور پر فراہم کی جا سکتی ہے ایک عارضی تقرری ایک مختلف دفتر میں بنایا گیا ہے، دستیاب نہیں ہے ...

انٹرنیٹ خلا میں پوائنٹ

انٹرنیٹ جگہ کی وسائل کی کلاسک جواب - وزیٹر کی درخواست پر ایک ویب سائٹ کے صفحے (عام طور پر گھر)، اور اس کے بعد دوسرے مسئلہ کے لئے ایک درخواست کے جواب میں. ویب سرور پر بھی تصاویر، سٹائل، جاوا سکرپٹ کے کوڈ سکرپٹ، پی ایچ پی، وغیرہ پر مشتمل ہے تمام پی ایچ پی فائلوں کے صفحات کرتے ہیں، ان میں سے کچھ عمل وصول، اور معلومات بھیجنے کے لئے AJAX کی درخواستوں کو :. جواب دے سکتے ہیں نہیں.

ایک سکرپٹ ایک سنیپ لکھیں. لیکن انٹرنیٹ خلا میں قابو سے نقطہ پر ہو رہی ہے، یہ کون ہے اور خطاب کیا وجہ کی بناء پر کہ چالو ہے نام، IP ایڈریس اور لنک ہے اس بات کا تعین کرنے کے لئے ناممکن ہے. نیٹ ورک پر کسی بھی تحریک بنیادی طور پر ایک براؤزر کے ذریعے، بلکہ کارروائی کی دوسری ویب سائٹس کے ذریعے مختلف اصل اور منزل کے روبوٹ کے ذریعے، سافٹ ویئر میں جگہ لیتا ہے.

ایک حوالہ کے ساتھ، وزیٹر آیا براؤزر کے ذریعے ایک دورے جس IP کا پتہ، اور کوکیز کی موجودگی سے: اسکرپٹ، کنٹرول حاصل، درست طریقے سے صرف جان سکتا ہے. مرکزی صفحے کی تشکیل کرنے کے طور پر صرف مؤخر الذکر کی معلومات فراہم کر سکتے ہیں، لیکن وزیٹر پہلے سے ہی یہاں دیا گیا ہے صرف اس صورت میں. دیگر تمام معاملات میں جو سرور سے صرف جنرل کے جواب پیدا کرنے کے لئے ممکن ہے. AJAX کی مثالوں انٹرنیٹ پر تلاش کرنے کے لئے آسان ہے کہ، احتیاط سے استعمال کیا جانا چاہئے. ٹریک کرنے XMLHttpRequest چیز کی (استعمال) میں خامیاں آسان نہیں ہے.

مجموعی طور پر رد عمل اور نجی مکالمہ

سرور سے مجموعی طور پر جواب - ایک عام صفحے، انڈیکس کہا جاتا ہے کے پرنسپل کے طور پر کہا جاتا ہے، اور یہ آپ کو دوسرے صفحات پر اس کے لنکس کے ساتھ مشکلات میں ہے کہ ایک ویب سائٹ کے ساتھ شروع ہوتی ہے. تاہم، وزیٹر دیگر صفحات کے نام جانتا ہے، تو وہ اس کی سمجھ میں ہیں ایک کو نامزد ڈویلپر سے کم اہم ہو جائے گا. تمام زائرین پر مرکوز ہے کہ مجموعی طور پر ڈیزائن اور فعالیت: یہاں کلاسیکی ماڈل، تمام ایک بار میں ہے.

ذاتی مکالمے - وزیٹر کے گزشتہ سیشن کا ایک تسلسل. سائٹ پہلے سے ہی جانتا ہے وہ صفحہ دیکھا گیا ہے میں دلچسپی رکھتے تھے اور ان کی یاد میں ڈال کہ، براؤزر کی کوکیز میں کچھ لکھا تھا کیا کیا.

اس کے سرور پر دو بنیادی درخواست پر استعمال کیا جاتا سائٹ کو ڈاؤن لوڈ اور اس کے ساتھ کام کرنے کی ڈاک اور حاصل. استفسار نتیجہ ایک پوری صفحہ ہے. نتیجے کے صفحہ پر وزیٹر ان یا دیگر واقعات کہ بعض صفحے عناصر کی کارروائی پر تشکیل کر رہے ہیں چالو کر سکتے ہیں.

ایونٹ کے صفحہ عناصر

ایک ٹیکسٹ فیلڈ کے مواد کو لینے کے لئے اور یہ ایک وزیٹر نے لکھا ہے کہ تلاش کرنے کے لئے - صفحہ عنصر معلومات، معنی تلاش کرنے کے لئے اہم ہو سکتا ہے. واقعہ ایک مینو اشیاء، تصویر، متن باکس پر واقع ہو سکتا ہے. کسی بھی صورت میں، جاوا تقریب، چلایا جائے گا مندرجہ ذیل ہے AJAX کی درخواست پر انجام دے سکتے ہیں جس میں:

InitXML ( '../ Mphp / scSrvPhpWord.php؟ CTask = GoPage' + '& cOwnerCode =' + cOwnerCode
+ '& CSessionCode =' + cSessionCode + '& cActiveItem =' + cActiveItem)؛

لہذا InitXML () تقریب (متغیر متغیر scXHR تقریب سے باہر بیان کیا) مندرجہ ذیل کے طور پر بیان کیا جاتا ہے:

تقریب InitXML (scURL) {

scXHR نل =؛

اگر (window.XMLHttpRequest)
{کوشش
{ScXHR = نئے XMLHttpRequest ()؛
} کیچ (ای) {}
} ورنہ
اگر (window.ActiveXObject)
{کوشش
{ScXHR = نئے ActiveXObject ( 'Msxml2.XMLHTTP')؛
} کیچ (ای)
{کوشش
{ScXHR = نئے ActiveXObject ( 'Microsoft.XMLHTTP')؛
} کیچ (ای) {}
}
}
اگر (scXHR)
{
scXHR.open ( 'حاصل'، scURL)؛
scXHR.onreadystatechange = WaitReplySC؛
scXHR.send (کالعدم)؛
}؛
}

یہ تقریب ایک URL لیتا ہے اور اس کے لئے ایک درخواست شروع. غیر ہم آہنگ جواب (اس کیس میں - scSrvPhpWord.php، سائٹ کی جڑ کو ../Mphp/ فولڈر رشتہ دار میں واقع ہے) URL میں مخصوص سکرپٹ کو پورا کرے گا جیسے ہی آئے گا، اور سرور XML-ردعمل کی ان پٹ کو جاتا ہے جس WaitReplySC () تقریب، شروع ہو جائے گا، عنوان اور مواد بھی شامل ہے.

سرور جواب

دراصل سرور ایک پی ایچ پی کی سکرپٹ ہے - ایک پروگرام ضروری حالات کی تنصیب کے ساتھ شروع ہوتا ہے کہ ضروری سہولیات، ڈیولپر مقاصد پر منحصر ہے جس میں پہلے علاج، ڈاؤن لوڈ، اتارنا:

نام کی جگہ PhpOffice \ PhpWord؛

ini_set ( 'display_errors'، 1)؛
error_reporting (E_ALL ^ E_NOTICE)؛

ignore_user_abort (سچ)؛
set_time_limit (12)؛

PhpOffice \ PhpWord \ MphpObj \ scDocuments استعمال کرتے ہیں؛

require_once 'PhpOffice / PhpWord / Autoloader.php'؛
\ PhpOffice \ PhpWord \ Autoloader :: رجسٹر ()؛

کسی بھی غلطی کا اشارہ ایک نشان کے آغاز کی نمائندگی کی، ایک سکرپٹ روکنے صارف سے دور نوشتہ اور کیس لوپ پرفارمنگ پر ایک وقت کی حد کا تعین جب منع - 12 سیکنڈ. دستاویزات کے لئے اگلے لنک لائبریری PhpOffice \ PhpWord * .DOCX.

AJAX سے چیلنج اوپر دکھائے گئے کے طور پر ( '... cTask = GoPage' + '& cOwnerCode =' + cOwnerCode + '& cSessionCode =' + cSessionCode + '& cActiveItem =' + cActiveItem) - چار حاصل متغیر، نہیں ہو سکتا جس ان کی اصل دستیابی چیک کرنا چاہئے:

$ CTask = (لیے isset ($ _ حاصل کریں [ 'cTask']))؟ $ _GET [ 'cTask']: ''؛
$ COwnerCode = (لیے isset ($ _ حاصل کریں [ 'cOwnerCode']))؟ $ _GET [ 'cOwnerCode']: ''؛
$ CSessionCode = (لیے isset ($ _ حاصل کریں [ 'cSessionCode']))؟ $ _GET [ 'cSessionCode']: ''؛
$ CActiveItem = (لیے isset ($ _ حاصل کریں [ 'cActiveItem']))؟ $ _GET [ 'cActiveItem']: ''؛

بعد تیاری کارروائی سکرپٹ فیصلہ:

سوئچ ($ cTask) {

کیس 'GoPage': // (اس ابتدائی ڈاؤن کے دوران ایک چیلنج ہے یا صفحہ کی تازہ کاری)

$ COwnerCode = 'cOwner'؛
$ CSessionCode = 'cSession'؛
$ CContents = 'cContents'؛
$ CStatus = 'cStatus'؛
$ CHTML = آئکون وی ( 'UTF-8'، 'CP1251'، 'عنصر کوڈنگ ")؛
$ CActiveItem = آئکون وی ( 'UTF-8'، 'CP1251'، 'متغیر')؛

$ CReply = "scSrvRM | GoPage | سیٹ | {$ cOwnerCode}` {$ cSessionCode} | {$ cContents} `{$ cStatus} | {$ CHTML} | {$ cActiveItem}"؛

توڑ؛

}

اور اسکرپٹ کے آخری حصہ:

ہیڈر ( "مواد کی قسم: متن / XML؛ قبول کرتے ہیں-چارسیٹ = UTF-8")؛
ہیڈر ( "کیش-کنٹرول: کوئی کیشے")؛
بازگشت ''؛
$ CReply = آئکون وی ( 'CP1251'، 'UTF-8'، $ cReply)؛ // میں 'UTF-8' CP1251 'سے تبادلوں
گونج $ cReply؛

کسٹمر جواب حاصل کرنا

براؤزر میں بھری ہوئی ہے کہ صفحے پر، یہ سرور ایک جواب تیار کریں گے جیسے ہی کے طور پر، یہ تقریب WaitReplySC عملدرآمد کیا جائے گا کہ پایا گیا:

WaitReplySC تقریب () {

کوشش {

اگر (scXHR.readyState == 4) {
اگر (scXHR.status == 200) {// جواب کی پروسیسنگ

متغیر TestReply = scXHR.responseText؛

اگر ((TestReply.indexOf ( 'تصریف غلطی')> 0) ||
(TestReply.indexOf ( 'نوٹس')> 0)) الرٹ (scXHR.responseText)؛

متغیر CDATA = scXHR.responseText؛
متغیر ADATA = cData.split ( '|')؛

متغیر cCmd = ADATA [1].
متغیر سی پی او = ADATA [2]؛
متغیر aOwnerSession = ADATA [3] .split ( ' `')؛
cOwnerCode = aOwnerSession [0]؛
متغیر cSessionCode = aOwnerSession [1].
متغیر aContentStatus = ADATA [4] .split ( ' `')؛
متغیر cContent = aContentStatus [0]؛
متغیر cStatus = aContentStatus [1].
متغیر cHTML کو سپورٹ کرتا = ADATA [5]؛ // سرور HTML جواب
متغیر cVarValues = ADATA [6]. // فارم کے لئے متغیر

سوئچ (cCmd) {

کیس 'GoPage':

متغیر dTestLine = ہیں document.getElementByID ( 'scTestLine')؛
dTestLine.innerHTML = 'جواب = [' + cOwnerCode + '،'
+ CSessionCode + '،'
+ CContent + '،'
+ CStatus + '،'
+ CHTML + '،'
+ CVarValues + ']'؛

توڑ؛
}

} ورنہ {
. ہیں document.getElementByID ( 'scAreaStatus') innerHTML = "خرابی !!!"؛
}
}
} کیچ (ای) {}

}

اس طرح، AJAX کی مثالوں کا استعمال کرتے ہوئے، صفحہ براؤزر میں بھری ہوئی ہے حاصل (scTestLine عنصر میں):

جواب = [cOwner، cSession، cContents، cStatus، عناصر متغیر اقدار انکوڈنگ]

کوڈ، jQuery اور ورڈپریس کی نمائندگی پر

استعمال کی آئکون وی () تقریب کے براؤزر اور UTF-8 میں لکھا اسکرپٹ متن، صفحہ روسی حروف میں تبدیل کرنے کے لئے. کوڈ کی طرف سے نمائندگی کنکال کے باقی بہت آسان ہے اور آسانی سے کسی خاص مقصد کے لئے بار بار کیا جا سکتا ہے.

صرف پروسیسنگ سرور جواب WaitReplySC () تقریب اور جواب پیدا کہ اصل سکرپٹ کے کوڈ میں تبدیل ہو سکتی. کالیں InitXML تقریب (ایک خاص scURL اور اس سے متعلقہ اعداد و شمار کے لئے) صفحہ عناصر پر ایونٹ handlers میں رکھا اور ان عناصر کے معنی کی وضاحت کر رہے ہیں.

کے پیش مثالیں AJAX مبنی لئے "دستی" ٹیکنالوجی کے استعمال.

مختلف مواد کے انتظام کے نظام میں (SMS) کی صلاحیتوں کو مختلف طریقوں سے، ایک خاص وضاحتی کے انداز میں بیان کر رہے ہیں ایک اصول کے طور پر. jQuery.get () اور jQuery.post (): مثال کے طور پر، jQuery AJAX کال امکانات jQuery.ajax () یا تو ایک اعلی سطح کے افعال احساس کر رہے ہیں. پیرامیٹر URL اور ترتیبات منتقل کیا جاتا ہے (کلید + قدر جوڑوں کے سیٹ). jQuery.ajax () XMLHttpRequest-اعتراض واپس.

JQuery کے مجوزہ تقریب-طریقوں میں نتائج پر نظر رکھنے کے لیے: XHR.done () - درخواست کی کامیاب تکمیل. XHR.fail () - غلطی کو سنبھالنے.

AJAX کی درخواست کی jqXHR.done () طریقہ yavlyatsya متبادل ہینڈلر کامیاب تکمیل. فرسودہ jqXHR.success () طریقہ بدل دیتا ہے.

اسی طرح، ورڈپریس AJAX ٹیکنالوجی پر کے استعمال. یہاں، سب کچھ مواد کے انتظام کے نظام میں خود کو پرتیاروپت کیا ہے، آپ کو صرف مجوزہ ڈھانچے کو استعمال کرنے کی ضرورت ہے. دستاویزات ایک تفصیلی وضاحت فراہم کی.

AJAX کی درخواست دستی ورژن متوازی یا منتخب کردہ مواد کے انتظام کے نظام، ایک یا jQuery کا ایک اور ورژن کے علاوہ میں استعمال کیا جا سکتا ہے، اگرچہ چنا ٹولز پر بنیادی طور پر انحصار کرتا ہے. مؤخر الذکر تقریبا تمام جدید ایس ایم ایس اس کا استعمال، کیونکہ اپنے طور پر کام کرنے کے لئے مفید ہے، لیکن اس کے اپنے طریقے میں ہر ایک.

درخواست کی ایک کلاسک مثال

AJAX کی سادہ اور اسی دالہ استعمال - ٹوکری آن لائن سٹور. سٹور کے صفحات کو ہمیشہ حقیقت میں وہ نہیں ہو سکتا اگرچہ، اشیا سے بھرے پڑے ہیں. عام طور پر دوبارہ لوڈ کافی وقت لگتا ہے، لیکن ایک وزیٹر کو ایک کی مصنوعات کا انتخاب جب، وہ ہمیشہ صرف اپ اس پر دینے یا منتخب کردہ ایک تبدیل سائٹ کو فوری طور پر ظاہر کرنے کے لئے ہمیشہ ضروری ہے کہ کر سکتے ہیں.

عام طور پر یہ منتخب اشیاء کے ارد گرد ٹوکری اور نشانات کی شکل میں احساس ہوا ہے. ان عناصر کو AJAX متحرک تبدیلیوں کے استعمال کے بغیر پریشانی ہے.

AJAX کی سکرپٹ کو شامل / آپ کی ٹوکری میں اشیاء کو دور کرنے کے میکانزم کو نافذ کہ، بہت سے ایس ایم ایس میں اصل بن گیا.

AJAX فارم کے ذریعے عام ڈیٹا منتقل کرنے کی ایک روایتی انداز میں قائم ہو سکتا ہے کے لئے (نام اور پاس ورڈ درج کرنے کے لئے):

<فارم نام = 'fWelcome' کارروائی = 'index.php کو' طریقہ = 'پوسٹ'>
سے