नोड, एक्सप्रेस, अजाक्स, और जेड उदाहरण

Question

मैं क्लाइंट और सर्वर साइड कोड दोनों के साथ अजाक्स कॉल का उपयोग करके अद्यतन नोड/एक्सप्रेस/जेड पेज का एक सरल उदाहरण ढूंढ रहा हूं।

मुझे अपने सिर में इसे एक साथ रखने में कुछ परेशानी हो रही है।

Answer 1

ऐसा करने के कई तरीके हैं और यह तुरंत स्पष्ट नहीं है कि आप कौन सी दृष्टिकोण लेना चाहते हैं।

मुझे लगता है कि सबसे सरल परिदृश्य सर्वर से एचटीएमएल के टुकड़े लाने और क्लाइंट को अपडेट करने के लिए कुछ क्लाइंट-साइड तर्क जोड़ना होगा। यह आसानी से jQuery का उपयोग कर हासिल की है (एक दस्तावेज तैयार ब्लॉक के अंदर डाल दिया घटना ऊपर तार से जोड़):

$('#button').click(function() { 
    $.get('/some/url', {foo: 42}, function(result) { 
     $('#target').html(result); 
    } 
} 

इस तरह से अपने सभी एचटीएमएल सर्वर पर उत्पन्न होता है और आप बस लाने और आवश्यकतानुसार पृष्ठ में सम्मिलित ।

आप सर्वर से जेसन भी ला सकते हैं और क्लाइंट पर एचटीएमएल प्रस्तुत कर सकते हैं, लेकिन यह वैकल्पिक दृष्टिकोणों में से एक है। मैं अत्यधिक TodoMVC को देखने की अनुशंसा करता हूं - यह कई अलग-अलग कार्यान्वयन (प्रत्येक एक अलग ढांचे का उपयोग करके) और इसलिए विभिन्न दृष्टिकोणों और सहायक पुस्तकालयों के लिए एक महान शिक्षण संसाधन के साथ एक टोडो-सूची एप्लिकेशन है।

मैं Hands-on Node.js पुस्तक की भी सिफारिश करता हूं। यह आपको रूटिंग और नोड के साथ कैसे शुरू किया जाए, समझने में मदद करेगा।