क्या डेटाबेस इवेंट के लिए 'सुनने' और रीयल टाइम में पेज अपडेट करने का कोई तरीका है?

ये ज्यादा मुश्किल नहीं है। .append के माध्यम से जोड़ना आसान तरीका होगा:

$( '#table > tbody:last').append('<tr id="id"><td>stuff</td></tr>');

तत्वों को रीयल-टाइम जोड़ना पूरी तरह से संभव नहीं है। आपको एक अजाक्स क्वेरी चलानी होगी जो परिवर्तन को "पकड़ने" के लिए लूप में अपडेट करती है। तो, पूरी तरह से वास्तविक समय नहीं, लेकिन बहुत, इसके बहुत करीब। आपका उपयोगकर्ता वास्तव में अंतर नहीं देख पाएगा, हालांकि आपके सर्वर का लोड हो सकता है।

लेकिन यदि आप और अधिक शामिल होने जा रहे हैं, तो मेरा सुझाव है कि DataTables देखें। . यह आपको कुछ नई सुविधाएँ देता है, जिसमें सॉर्टिंग, पेजिंग, फ़िल्टरिंग, लिमिटिंग, सर्चिंग और अजाक्स लोडिंग शामिल हैं। वहां से, आप या तो AJAX के माध्यम से एक तत्व जोड़ सकते हैं और तालिका दृश्य रीफ्रेश कर सकते हैं, या बस इसके एपीआई के माध्यम से जोड़ सकते हैं। मैं पिछले कुछ समय से अपने ऐप में डेटाटेबल्स का उपयोग कर रहा हूं और उन्हें लगातार नंबर 1 फीचर के रूप में उद्धृत किया गया है जो डेटा की विशाल मात्रा को प्रयोग करने योग्य बनाता है।

--संपादित करें --

क्योंकि यह स्पष्ट नहीं है, जिस डेटाटेबल को आप कॉल करते हैं उसे अपडेट करने के लिए अपने डेटाटेबल्स कॉल को एक वेरिएबल पर सेट करें:

var oTable = $('#selector').dataTable();

फिर अपडेट करने के लिए इसे रन करें:

  oTable.fnDraw(false);

अद्यतन - 5 साल बाद, फरवरी 2016:2011 की तुलना में आज यह बहुत अधिक संभव है। बैकबोन.जेएस जैसे नए जावास्क्रिप्ट ढांचे सीधे डेटाबेस से जुड़ सकते हैं और परिवर्तन, अद्यतन, या पर तालिकाओं सहित यूआई तत्वों पर परिवर्तनों को ट्रिगर कर सकते हैं। डेटा हटाना....यह इन ढांचे के प्राथमिक लाभों में से एक है। इसके अतिरिक्त, UI को वेब सेवा के लिए सॉकेट कनेक्शन के माध्यम से रीयल-टाइम अपडेट दिया जा सकता है, जिसे बाद में पकड़ा भी जा सकता है और उस पर कार्रवाई भी की जा सकती है। हालांकि यहां वर्णित तकनीक अभी भी काम करती है, लेकिन आज चीजों को करने के और भी "लाइव" तरीके हैं।