مثال ها (AJAX Examples)
اینجا چند «مثال های AJAX» می بینیم. AJAX یعنی دریافت داده بی رفرش. مثل دیدن نمرات بدون بازشدن دوباره صفحه.
نمونه های ساده AJAX
با XMLHttpRequest یک فایل متنی می خوانیم. سپس نتیجه را نشان می دهیم. Callback یعنی تابعی که پس از آماده شدن پاسخ اجرا می شود.
<!-- Simple AJAX request -->
<a href="tryit.asp?filename=tryajax_first" target="_blank">Simple AJAX</a>
<!-- With callback function -->
<a href="tryit.asp?filename=tryajax_callback" target="_blank">AJAX with callback</a>
گرفتن اطلاعات هدر (Request Headers)
Header یعنی توضیحات درخواست و پاسخ. می توانیم همه هدرها یا یک مورد خاص را بخوانیم.
<!-- Get all headers -->
<a href="tryit.asp?filename=tryajax_header" target="_blank">All headers</a>
<!-- Get Last-Modified header -->
<a href="tryit.asp?filename=tryajax_lastmodified" target="_blank">Last-Modified</a>
درخواست فایل های XML
XML یعنی داده تگ دار و منظم. یک فایل XML می خوانیم. سپس جدول HTML می سازیم.
<!-- Load XML file -->
<a href="tryit.asp?filename=tryajax_xml" target="_blank">Load XML</a>
<!-- Display XML table -->
<a href="tryit.asp?filename=tryajax_xml2" target="_blank">XML to table</a>
گرفتن داده سرور با PHP و ASP
کاربر تایپ می کند. سپس درخواست به سرور می رود. سرور پیشنهادها را برمی گرداند.
<!-- Suggest with PHP -->
<a href="tryit.asp?filename=tryajax_suggest_php" target="_blank">PHP suggest</a>
<!-- Suggest with ASP -->
<a href="tryit.asp?filename=tryajax_suggest_asp" target="_blank">ASP suggest</a>
گرفتن اطلاعات پایگاه داده
Dropdown یعنی فهرست کشویی. با انتخاب مشتری، درخواست می فرستیم. سپس اطلاعات مشتری نمایش داده می شود.
<!-- Fetch from database -->
<a href="tryit.asp?filename=tryajax_database" target="_blank">Database fetch</a>
اپلیکیشن های AJAX با XML
می توانیم کاتالوگ CD را ببینیم. سپس داده ها را در جدول یا div نشان دهیم. همچنین بین CDها جابه جا شویم.
<!-- View XML catalog -->
<a href="cd_catalog.xml" target="_blank">CD catalog XML</a>
<!-- Table from XML -->
<a href="tryit.asp?filename=tryxml_display_table" target="_blank">XML table</a>
<!-- First item in div -->
<a href="tryit.asp?filename=tryxml_app_first" target="_blank">First CD</a>
<!-- Navigate nodes -->
<a href="tryit.asp?filename=tryxml_app_navigate" target="_blank">Navigate CDs</a>
<!-- Simple app -->
<a href="tryit.asp?filename=tryxml_app" target="_blank">CD app</a>
جمع بندی سریع
- AJAX یعنی دریافت بی رفرش.
- XML داده تگ دار است.
- Header اطلاعات درخواست است.
- سرور می تواند پیشنهاد بدهد.
- پایگاه داده هم با AJAX خوانده می شود.