2016-08-04 14 views
5

मैं कोड करने की कोशिश कर रहा हूं, बिल्कुल टिप्पणी नहीं, बल्कि कुछ सरल है। उपयोगकर्ता में कुछ टाइप होता है, और यह वेबसाइट पर रहता है। जैसे कि, अगर मैंने टिप्पणी सबमिट की, तो मैंने 'हैलो' टाइप किया, अगर मैंने पृष्ठ को रीफ्रेश किया तो भी मैं अपनी टिप्पणी देखूंगा। यह सहायक भी होगा यदि कोई ऐसा क्षेत्र हो जहां व्यक्ति अपना नाम दर्ज कर सके और उनका नाम भी रहेगा। मैं इस कोड जोड़ने के बाद, लेकिन मैं समझ नहीं है टिप्पणियों वहाँ रहनासहेजी गई टिप्पणियों को कैसे कोड करें?

h2 { 
 
    font-family:arial; 
 
} 
 

 
form { 
 
    display: inline-block; 
 
    border: 1px solid #23008B; 
 
} 
 

 
#button{ 
 
    display: inline-block; 
 
    height:20px; 
 
\t width:70px; 
 
\t background-color:#4000FF; 
 
\t font-family:arial; 
 
\t font-weight:none; 
 
\t color:#ffffff; 
 
\t border-radius: 5px; 
 
\t text-align:center; 
 
\t margin-top:2px; 
 
\t padding-top: 2px; 
 
} 
 

 
.list { 
 
\t font-family:garamond; 
 
\t color:#cc0000; 
 
\t 
 
}
<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    \t <title>Insert Comments</title> 
 
\t </head> 
 
\t <body> 
 
\t \t <h2>To Do</h2> 
 
\t \t <form name="checkListForm"> 
 
\t \t \t <input type="text" name="checkListItem"/> 
 
\t \t </form> 
 
\t \t <div id="button">Add!</div> 
 
\t \t <br/> 
 
\t \t <div class="list"></div> 
 
\t </body> 
 
</html> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
<script> 
 
    $(document).ready(function() { 
 
    $('#button').click(function() { 
 
     var toAdd = $('input[name=checkListItem]').val(); 
 
     $(".list").append("<div class = 'item'>" + toAdd + "</div>") 
 
    }); 
 
    }); 
 
</script>
मैं सिर्फ जानना चाहता है कि मैं क्या याद कर रहा हूँ करना चाहते हैं और वहाँ एचटीएमएल या jQuery में कुछ भी इस को हल करने के अगर । धन्यवाद।

+1

जो आप खो रहे हैं वह है सर्वर साइड कोड –

+0

क्या आप अन्य उपयोगकर्ताओं को यह टिप्पणियां दिखाना चाहते हैं? – yuriy636

+2

आप सर्वर-साइड पेज पर टिप्पणी करने और सर्वर पर टिप्पणी स्टोर करना चाहते हैं ... सर्वर-साइड भाषा और डेटाबेस के लिए उदाहरण 'php' ...' mysql' शायद? चीजों को जोड़ने के लिए जावास्क्रिप्ट या jQuery का उपयोग करना केवल क्लाइंट-साइड है और पृष्ठ को फिर से लोड/रीफ्रेश करने के बाद भुला दिया जाएगा। – NewToJS

उत्तर

0

आप ब्राउज़र के localStorage का उपयोग कर अपने डेटा को जारी रख सकते हैं।

एकाधिक उपयोगकर्ताओं के बीच एक ही डेटा साझा करने के लिए आप क्लाइंट-सर्वर आर्किटेक्चर का उपयोग कर सकते हैं जहां कोई ब्राउज़र क्लाइंट के रूप में कार्य कर सकता है और सर्वर के रूप में एक और प्रोग्राम, सर्वर सेवा, दृढ़ता को संभालने के लिए जिम्मेदार होगा और डेटा के अपडेट, इस तरह के फैशन में:

  1. क्लाइंट सर्वर से वेबपृष्ठ का अनुरोध करता है।

  2. सर्वर भंडार (डेटाबेस, फ़ाइल, आदि) में सभी उपयोगकर्ता टिप्पणियों के साथ पृष्ठ को पॉप्युलेट करता है और इसे क्लाइंट को भेजता है।

  3. यदि कोई उपयोगकर्ता कोई टिप्पणी जोड़ता है, तो ग्राहक सर्वर पर टिप्पणी पोस्ट करता है।
  4. सर्वर अपनी रिपॉजिटरी को टिप्पणी जोड़ता है और नए जोड़े गए संदेश के सभी कनेक्टेड क्लाइंट को सूचित करता है।

आप here शुरू कर सकते हैं।

+2

चाहते हैं उन्हें दिखाएं बस इस पर एक नोट, 'स्थानीय स्टोरेज' केवल उस उपयोगकर्ता के लिए जारी रहेगा जो टिप्पणी टाइप करता है। यह किसी और के लिए दृश्यमान नहीं होगा। वैकल्पिक रूप से, कुछ बैकएंड-ए-ए-सर्विस प्रदाता हैं जो अनिवार्य रूप से टिप्पणियां संग्रहीत करने के लिए सेवा लिखने की प्रक्रिया को जानने में आपकी सहायता करेंगे। –

संबंधित मुद्दे