ब्राउज़र पर सामग्री पुश करें ... डोम बदलें?

ठीक। मेरे पास यह जुनून प्रोजेक्ट है जिस पर मैं काम कर रहा हूं।

मैं मंच पर हूं जहां मेरे पास मोबाइल ऐप और बैकएंड है, वास्तव में मैं अपने नए के रूप में एक होस्टेड संदेश/क्लाउड प्रोसेसिंग सेवा का उपयोग करता हूं बैकएंड, मेरे अपने सर्वर की जगह।

समस्या जावास्क्रिप्ट को समझने की मेरी गैर क्षमता में निहित है।

मुझे पता है कि मोबाइल से बैकएंड और सभी अच्छी चीजें कैसे जाएं ... अब मैं क्या करना चाहता हूं बस एक डीओएम तत्व बदलना है। या तो जाओ कोड या पायथन कोड से।

mobile ----> messaging/processing ----> browser/DOM

असल में या तो यूआरएल या एचटीएमएल कोड की एक स्ट्रिंग को दबाएं ताकि यह प्रदर्शित हो सके ब्राउज़र में

इसके लिए मैं समझता हूं कि मेरी एकमात्र पसंद जावास्क्रिप्ट है।

मैंने पुशर और वेब सॉकेट को देखा है ...

लेकिन मैं अभी भी समझ नहीं पा रहा हूं कि वास्तव में HTML तत्व परिवर्तन कैसे करें।

1

3 उत्तर

चूंकि आपने पुशर माना है, इसलिए आप पुशर से आवश्यक कुंजी प्राप्त कर सकते हैं। एक बार आपके पास उस तक पहुंच हो, क्लाइंट में, आप पुशर जेएस लाइब्रेरी एचटीएमएल फाइल में आप घटनाओं को "धक्का" देना चाहते हैं।

फिर आपको एक चैनल (जेएस) की सदस्यता लेने की आवश्यकता है।

var channelName = "my-channel"
var channel = pusher.subscribe(channelName);

एक बार जब आप क्लाइंट से किसी चैनल की सदस्यता लेंगे। पायथन पुशर सर्वर lib (पायथन) का उपयोग करके आपको भेजने के लिए आवश्यक डेटा के साथ एक ईवेंट ट्रिगर करें:

push = pusher.Pusher(app_id='your-pusher-app-id', key='your-pusher-key', secret='your-pusher-secret')
push['my-channel'].trigger('dom-change-event', {'data': 'data'})

आप इस घटना को अपने क्लाइंट साइड (जेएस) से सुन सकते हैं:

channel.bind("dom-change-event", function(data){//the data you Pushed from backed
  $(".div-to-change").hide();//with the help of jQuery select the dom, and hide it.
})

पुशर क्लाइंट के साथ एक वेबसाइकिल कनेक्शन बनाए रखता है, और जैसे ही सर्वर से एक ईवेंट ट्रिगर होता है, इसे पुशर द्वारा क्लाइंट साइड पर उठाया जाता है।

डोम हेरफेर (परिवर्तन):

जिस डीओएम परिवर्तन का आप उल्लेख कर रहे थे वह कई तरीकों से किया जा सकता है। कुछ नीचे उल्लिखित हैं:

  1. अपनी सामग्री में तैयार सभी सामग्री (एचटीएमएल कोड) तैयार करें और सर्वर के पुश संदेश के आधार पर आप उपरोक्त वर्णित अपने डीओएम के विभिन्न हिस्सों को दिखा/छुपा सकते हैं।
  2. पुशर संदेश के आधार पर जावास्क्रिप्ट के साथ फ्लाई पर डीओएम का निर्माण
  3. सर्वर से एचटीएमएल कोड भेजें और इसे बस डीओएम में संलग्न करें।

IMPORTANT thing to note here is that DOM manipulation is done using a library called jQuery in the above example. jQuery makes it easy for you do DOM manipulations. http://jquery.com/

JQuery का उपयोग करके DOM मैनिपुलेशन (परिवर्तन) करने पर प्रारंभ करने के लिए यह आलेख भी देखें ।

3
जोड़ा
क्या आप यहां div परिवर्तन करने के बारे में बता सकते हैं ... वह हिस्सा है जो हर कोई मानता है वह स्पष्ट है .. आप div परिवर्तन कैसे करते हैं?
जोड़ा लेखक sirvon, स्रोत
@ थिमरहरसन के लिए धन्यवाद, बीमार आपके द्वारा प्रदान किए गए संसाधनों और निर्देशों के साथ यहां से सीखना जारी रखें। एक बार फिर से धन्यवाद दोस्तों
जोड़ा लेखक sirvon, स्रोत
@midhunkrishna एसएसई या http पुश करने से पुशर diff का उपयोग कैसे कर रहा है?
जोड़ा लेखक sirvon, स्रोत
आप क्या डोम परिवर्तन करना चाहते हैं?
जोड़ा लेखक MIdhun Krishna, स्रोत
@ सिवरॉन पुशर websockets का उपयोग करता है जो पूर्ण डुप्लेक्स कनेक्टिविटी प्रदान करता है। एसएसई में आपको क्लाइंट से सर्वर तक डेटा धक्का देने के लिए AJAX या इसी तरह की तकनीकों का उपयोग करना होगा। इसके बारे में एक विस्तृत विस्तृत चर्चा पर मिल सकती है। stackoverflow.com/questions/5195452/…
जोड़ा लेखक MIdhun Krishna, स्रोत
@sirvon आप डोम हेरफेर करने के तरीके पर कुछ ऑनलाइन संसाधनों का उल्लेख कर सकते हैं। प्रारंभिक बिंदु के रूप में इस आलेख का संदर्भ लें tutorialspoint.com/jquery/jquery-dom.htm
जोड़ा लेखक Tamillharasan, स्रोत

एक तत्व बदलने के लिए जावास्क्रिप्ट

एचटीएमएल

<div id="myDiv" class="divvy">some content</div>

जावास्क्रिप्ट

// selecting elements
var elementById = document.getElementById("myDiv");    //returns the element by id
var elements = document.getElementByClassName("divvy");//returns array of all elements with this class

संदर्भ

2
जोड़ा
प्रतीत होता है कि पूछताछ जावास्क्रिप्ट के लिए शुरुआत करने वाला कुछ हद तक प्रतीत होता है। शायद यह जवाब उनके लिए अधिक उपयोगी होगा यदि आपने बताया कि वास्तव में इसे किस प्रकार से एकीकृत किया जा रहा है?
जोड़ा लेखक Matthew, स्रोत

Maybe you can use reverse AJAX, I use DWR Framework http://directwebremoting.org/dwr/documentation/reverse-ajax/index.html

0
जोड़ा