في تطوير نظام مصادقة الويب Java ، يحتاج العملاء إلى تحديثات البيانات لإطفاء مربع موجه على الصفحة ، بحيث يمكن للموظفين المجاورين لهم على الفور معرفة أن البيانات الجديدة قد تم تقديمها في الوقت المناسب. بالإضافة إلى استخدام تقنية الدفع في الوقت المناسب ، يمكننا أيضًا استخدام AJAX لتنفيذ هذه الوظائف.
يتمثل مبدأ تنفيذ التعليمات البرمجية في تمكين تنفيذ طلبات AJAX على الصفحة. إذا كانت البيانات التي تم الحصول عليها في أحدث حالة ، فيجب تنفيذ مطالبات الصوت ومطالبات مربع المنبثقة. عيب هذا التنفيذ هو أن قاعدة البيانات تسمى بشكل متكرر ، وهذه الطريقة مناسبة فقط للأنظمة التي تحتوي على عدد أقل من الأشخاص.
1. أضف مطالبات الصوت
<audio id = "sound" autoplay = "autoplay">
أضف ديناميكيًا رمز الملف الصوتي للتشغيل:
document.getElementById ("sound"). src = "<٪ = basepath ٪> admin/media/global.wav" ؛2. مربع مطالبة الرسائل المنبثقة الديناميكية:
هنا قمت باستيراد jquery.gritter.js و jquery.gritter.css ، ورمز التنفيذ المحدد:
jQuery (وثيقة) .Ready (function () {setInterval (function () {$ .post ('ajax/linecheck' ، function (data) {var json = eval ("("+data+")")) ؛ $. كل (json ، الدالة (الفهرس ، العنصر) {$ ("#line"+item.id) .html ("") $. كل (item.locallist ، function (index ، item2) {if (item2.attendoclist! = ") {$ ( id = 'in "+item2.id+"'> <div class = 'avatar'> "+item2.location+" </iv> <div class = 'message'> <ul id = li "+item2.id+"> </ul> </viv> </li> ")} $. كل (item2.attendoClist ، function (index ، item3) {if (item3.status == 0) {$ ( style = 'color: red ؛' class = 'username'> الوقت: class = 'username'> id: "+item3.card_id+" </span> </li> <hr> ") ؛} else {$ ("#li "+item2.id) .Append (" <li class = 'user'> <spl class = 'username'> "+item3.person_name+" </ban> <base> "+item3.today+" "+item3.times+" </span> <br> <span class = 'username'> tel: class = 'username'> id: item3.person_name+"("+item2.location+") ، النص: class = 'username'> tel: "+item3.person_phone+" </span> <br> <span class = 'username'> id: "+item3 "بطيء '}) ؛} ، 12000) ؛} ، 2000) ؛}}) ؛}) ؛}) ؛}) ؛}) ؛}) ؛} ، 2000) ؛ }) ؛المحتوى أعلاه هو رمز التنفيذ الذي يظهر مربع JS Prompt لرسالة جديدة في الوقت الفعلي ولديه صوت موجه. آمل أن يكون ذلك مفيدًا للجميع!