readyState یا حالت آماده چیست؟
readyState در یک درخواست آژاکسی، بعد از XMLHttpRequest رخ می دهد و وضعیت پاسخ درخواستمان به سرور را در خود نگهداری می کند، برای اینکه بررسی کنیم همه چیز مرتب است readyState باید complete باشد، حالت کامل با عدد ۴ دریافت می شود و با شرط ساده if برابری آن را بررسی می کنیم (که آیا ajaxRequest.readyState برابر ۴ است یا خیر).
پس از دریافت پاسخ مثبت (و این یعنی تا اینجا همه چیز بدون مشکل بوده) با کد document.myForm.time.value مقدار برگردانده شده توسط سرور را که در responseText وجود دارد، به فیلدمان خواهیم داد (پس از طی فرایندی در سمت سرور مقادیری را برمی گردانیم)، برای ارسال و دریافت اطلاعات پردازش شده از سرور به دستور ajaxRequest.open و متد Get احتیاج داریم که اطلاعات را به فایل serverTime.php ارسال می کند (این فایل را باید از قبل طوری تنظیم کنیم که زمان سرور را برگرداند مثلا از تابع date در php با یک دستور echo ساده خروجی بگیریم).
حال همه چیز آماده برای استفاده از ajaxRequest.send است که درخواستمان را ارسال می کند؛ اما اجرای کدهای جاوا اسکریپت مبتنی بر بروز رویدادهایی است، پس رویداد onChange را به فرم اضافه می کنیم تا به محض تغییر فرم و فیلد، کد آژاکسی مان اجرا شود و نتیجه در فیلد زمان به نمایش دربیاید.
و نهایتا کدمان به صورت زیر خواهد بود:
