لصفحة HTML المستخدمة في السيناريوهات التفاعلية:
function updateTotal() {.
$("resultTable").style.display = 'none';
فار غرف النوم = document.getElementById("bedrooms").value;
فار الحمامات = document.getElementById("الحمامات").value;
فار السعر = document.getElementById("price").value;
ApartmentDAO.countApartments(loadTotal, غرف النوم, الحمامات, السعر);
}
دالة تحميل إجمالي (بيانات) {
document.getElementById("totalRecords").innerHTML = data;
}
من الواضح أن المستخدم يريد رؤية قوائم الشقق التي تتوافق مع معايير البحث الخاصة به. بعد ذلك، عندما يكون المستخدم راضيًا عن معايير البحث الخاصة به وتكون الإجماليات صحيحة، يقوم بالضغط على الزر الذي يعرض النتائج، والذي يستدعي طريقة JavaScript UpdateResults():
نتائج تحديث الوظيفة () {
DWRUtil.removeAllRows("apartmentsbody");
فار غرف النوم = document.getElementById("bedrooms").value;
فار الحمامات = document.getElementById("الحمامات").value;
فار السعر = document.getElementById("price").value;
ApartmentDAO.findApartments(fillTable, غرف النوم, الحمامات, السعر);
$("resultTable").style.display = '';
}
وظيفة ملء الجدول (شقة) {
DWRUtil.addRows("apartmentsbody", Apartment, [ getId, getAddress, getBedrooms, getBathrooms, getPrice ]);
}
تقوم طريقة updateResults() بمسح حقل الجدول الذي يخزن نتائج البحث المرتجعة، وتحصل على المعلمات المطلوبة من واجهة المستخدم، وتمرير هذه المعلمات إلى كائن ApartmentDAO الذي تم إنشاؤه بواسطة DWR. بعد ذلك سيتم تنفيذ استعلام قاعدة البيانات وسيتم استدعاء fillTable()، الذي يوزع الكائن الذي تم إرجاعه بواسطة DWR (الشقق) ويعرضه في الصفحة (apartmentsbody).
عوامل الأمان
لإبقاء المثال مختصرًا، يتم الاحتفاظ بفئة ApartmentDAO بسيطة قدر الإمكان، ولكن عادةً ما تحتوي هذه الفئة على مجموعة من الأساليب المحددة لمعالجة البيانات، مثل Insert() وupdate() وdelete(). يعرض DWR كافة الأساليب العامة التي سيتم استدعاؤها بواسطة كافة صفحات HTML. لأسباب أمنية، ليس من الحكمة الكشف عن طبقة الوصول إلى البيانات الخاصة بك مثل هذا. يمكن للمطورين إنشاء واجهة تعمل على مركزية الاتصال بين جميع وظائف JavaScript ومكونات الأعمال الأساسية، وبالتالي الحد من التعرض المفرط للوظائف.
الاستنتاج
هذه المقالة هي مجرد بداية لاستخدام جافا سكريبت الذي يدعم DWR :void(0);">AJAX في مشاريعك. يتيح لك DWR التركيز على كيفية تحسين نموذج التفاعل لتطبيقك. ، والقضاء على عبء كتابة وتصحيح كود جافا سكريبت التحدي الأكثر إثارة للاهتمام مع جافا سكريبت :void(0);">AJAX هو تحديد مكان وكيفية تحسين سهولة الاستخدام. DWR مسؤول عن تشغيل الاتصال بين صفحة الويب وكائنات Java الخاصة بك، مما يساعدك على التركيز بشكل كامل على كيفية جعل واجهة مستخدم التطبيق الخاص بك أكثر سهولة.
أود أن أشكر ميرسيا أوانسيا وماركوس بيريرا، اللذين قرأا هذا المقال وقدموا تعليقات قيمة للغاية.
الموارد ·javaworld.com:javaworld.com
· مجتمع مطوري Matrix-Java: http://www.matrix.org.cn/
·onjava.com:onjava.com
· قم بتنزيل كافة التعليمات البرمجية المصدرية للبرنامج النموذجي: http://www.javaworld.com/javaworld/jw-06-2005/dwr/jw-0620-dwr.war
·DWR: http://www.getahead.ltd.uk/dwr/index.html
· HSQL: http://hsqldb.sourceforge.net/
·javascript :void(0);">تعريف AJAX: http://en.wikipedia.org/wiki/javascript :void(0);">AJAX
· "javascript :void(0);">AJAX: مسار جديد لتطبيقات الويب": جيسي جيمس جاريت (المسار التكيفي، 2005.2): http://www.adaptivepath.com/publications/essays/archives/000385.php
· "واجهة ويب ديناميكية للغاية" درو ماكليلان (xml.com, 2005.2): http://www.xml.com/pub/a/2005/02/09/xml-http-request.html
·XMLHttpRequest & javascript :void(0);">مثال عمل AJAX: http://www.fiftyfoureleven.com/resources/programming/xmlhttprequest/examples
· "ممارسات XMLHttpRequest القابلة للاستخدام" توماس بايكدال (Baekdal.com, 2005.3): http://www.baekdal.com/articles/Usability/usable-XMLHttpRequest/
·"إرشادات استخدام XMLHttpRequest" توماس بايكدال (Baekdal.com, 2005.2): http://www.baekdal.com/articles/Usability/XMLHttpRequest-guidelines/