DWR membuat AJAX sangat mudah

<servlet>
 <servlet-name>dwr-invoker</servlet-name>
 <nama-tampilan>Servlet DWR</nama-tampilan>
 <deskripsi>Servlet Jarak Jauh Web Langsung</description>
 <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
 <init-param>
 <nama-param>debug</nama-param>
 <nilai-param>benar</nilai-param>
 </init-param>
 </servlet>

 <pemetaan-servlet>
 <servlet-name>dwr-invoker</servlet-name>
 <url-pattern>/dwr/*</url-pattern>
 </pemetaan-servlet>

<dwr>
 <izinkan>
 <konversi konverter="bean" match="dwr.sample.Apartment"/>
 <buat pencipta="baru" javascript="ApartmentDAO" class="dwr.sample.ApartmentDAO">
 <sertakan metode="findApartments"/>
 <sertakan metode="countApartments"/>
 </buat>
 </izinkan>
 </dwr>

File di atas mencapai kedua tujuan dalam contoh kita. Pertama, tag <convert> memberitahu DWR untuk mengubah tipe objek dwr.sample.Apartment menjadi array asosiatif, karena, untuk alasan keamanan, DWR tidak mengonversi kacang biasa secara default. Kedua, tag <create> memungkinkan DWR mengekspos kelas dwr.sample.ApartmentDAO untuk panggilan JavaScript; file JavaScript yang kami gunakan di halaman ditentukan oleh atribut javascript. Kita harus memperhatikan tag <include>, yang menentukan metode kelas dwr.sample.ApartmentDAO mana yang tersedia.

 Setelah kode HTML/JSP <BR> dikonfigurasi, Anda dapat memulai aplikasi Web Anda. Saat ini, DWR akan siap memanggil metode yang diperlukan dari halaman sisi server HTML atau Java (JSP). Anda membuat file JavaScript. Di file search.jsp, kita harus menambahkan antarmuka JavaScript yang disediakan oleh DWR, serta mesin DWR, dan menambahkan tiga baris berikut kekode kita :

<script src='dwr/interface/ApartmentDAO.js'></ skrip>
 <skrip src='dwr/engine.js'></skrip>
 <script src='dwr/util.js'></script>

Kami memperhatikan bahwa ketika pengguna mengubah kriteria pencarian, ini adalah penerapan javascript pertama :void(0);">AJAX dalam program contoh; saat dia dilihat, jumlah apartemen yang tersedia diperbarui ketika kriteria berubah. Saya membuat dua fungsi JavaScript: Fungsi ApartmentDAO.countApartments() adalah bagian yang paling menarik adalah parameter pertama, fungsi loadTotal(), yang menentukan metode JavaScript itu DWR akan memanggil ketika menerima respons dari server. loadTotal kemudian dipanggil untuk menampilkan hasilnya di <div> halaman HTML. Fungsi JavaScript yang digunakan dalam skenario interaktif:

function updateTotal() {
 $("resultTable").style.display = 'tidak ada';
 var kamar tidur = document.getElementById("kamar tidur").value;
 var kamar mandi = document.getElementById("kamar mandi").nilai;
 var harga = document.getElementById("harga").nilai;
 ApartmentDAO.countApartments(loadTotal, kamar tidur, kamar mandi, harga);
 }

 fungsi bebanTotal(data) {
 document.getElementById("totalRecords").innerHTML = data;
 }

Tentunya pengguna ingin melihat listing apartemen yang sesuai dengan kriteria pencariannya. Kemudian, ketika pengguna puas dengan kriteria pencariannya dan totalnya valid, dia menekan tombol yang menampilkan hasilnya, yang memanggil metode JavaScript updateResults():
 fungsi pembaruanHasil() {

 DWRUtil.removeAllRows("apartmentsbody");
 var kamar tidur = document.getElementById("kamar tidur").value;
 var kamar mandi = document.getElementById("kamar mandi").nilai;
 var harga = document.getElementById("harga").nilai;
 ApartmentDAO.findApartments(isiMeja, kamar tidur, kamar mandi, harga);
 $("resultTable").style.display = '';
 }

 fungsi mengisiTabel(apartemen) {
 DWRUtil.addRows("apartmentsbody", apartemen, [ getId, getAddress, getBedrooms, getBathrooms, getPrice ]);
 }
 Metode updateResults() menghapus bidang tabel yang menyimpan hasil pencarian, memperoleh parameter yang diperlukan dari antarmuka pengguna, dan meneruskan parameter ini ke objek ApartmentDAO yang dibuat oleh DWR. Kemudian query database akan dieksekusi dan fillTable() akan dipanggil, yang mem-parsing objek yang dikembalikan oleh DWR (apartemen) dan menampilkannya ke dalam halaman (badan apartemen).

 Faktor Keamanan <BR>Untuk menjaga agar contoh tetap singkat, kelas ApartmentDAO dibuat sesederhana mungkin, namun kelas seperti itu biasanya memiliki serangkaian metode untuk memanipulasi data, seperti insert(), update() dan delete(). DWR memaparkan semua metode publik untuk dipanggil oleh semua halaman HTML. Demi alasan keamanan, tidak bijaksana mengekspos lapisan akses data Anda seperti ini. Pengembang dapat membuat fasad yang memusatkan komunikasi antara semua fungsi JavaScript dan komponen bisnis yang mendasarinya, sehingga membatasi paparan fungsionalitas yang berlebihan.

 Kesimpulan <BR>Artikel ini hanyalah permulaan bagi Anda untuk menggunakan javascript yang didukung DWR :void(0);">AJAX dalam proyek Anda. DWR memungkinkan Anda untuk fokus pada cara meningkatkan model interaksi aplikasi Anda. , menghilangkan beban menulis dan men-debug kode JavaScript. Tantangan paling menarik dengan javascript :void(0);">AJAX adalah menentukan di mana dan bagaimana meningkatkan kegunaan. DWR bertanggung jawab untuk mengoperasikan komunikasi antara halaman Web dan objek Java Anda, sehingga membantu Anda untuk fokus sepenuhnya pada cara membuat antarmuka pengguna aplikasi Anda lebih ramah.
 Saya mengucapkan terima kasih kepada Mircea Oancea dan Marcos Pereira yang telah membaca artikel ini dan memberikan masukan yang sangat berharga.

 Sumber daya ·javaworld.com:javaworld.com
 ·Komunitas pengembang Matrix-Java: http://www.matrix.org.cn/
 ·onjava.com:onjava.com
 ·Unduh semua kode sumber program contoh: 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);">Definisi AJAX: http://en.wikipedia.org/wiki/javascript :void(0);">AJAX
 · "javascript :void(0);">AJAX: Jalur Baru Menuju Aplikasi Web": Jesse James Garrett (Adaptive Path, 2005.2): http://www.adaptivepath.com/publications/essays/archives/000385.php
 · “Antarmuka web yang sangat dinamis” Drew McLellan (xml.com, 2005.2): http://www.xml.com/pub/a/2005/02/09/xml-http-request.html
 ·XMLHttpRequest & javascript :void(0);">Contoh kerja AJAX: http://www.fiftyfoureleven.com/resources/programming/xmlhttprequest/examples
 · “Praktik XMLHttpRequest yang Dapat Digunakan” Thomas Baekdal (Baekdal.com, 2005.3): http://www.baekdal.com/articles/Usability/usable-XMLHttpRequest/
 ·"Pedoman Penggunaan XMLHttpRequest" Thomas Baekdal (Baekdal.com, 2005.2): http://www.baekdal.com/articles/Usability/XMLHttpRequest-guidelines/