रीफ्रेश किए बिना फ़ील्ड में डेटा कैसे सम्मिलित करें?

Question

मुझे यह जानने की ज़रूरत है कि मैं फ़ील्ड को रीफ्रेश किए बिना डेटाबेस से डेटा कैसे जोड़ सकता हूं? मेरा मतलब ईमेल में संपर्क जोड़ने के काम की तरह है। यदि मैं 'जोड़ें' बटन पर क्लिक करता हूं, तो मुझे इसके अंदर एक छोटी विंडो और संपर्क खोलने की आवश्यकता है। यदि मैं एक या दो संपर्कों को चेक करता हूं और सम्मिलित करता हूं, तो इसे मूल पृष्ठ को रीफ्रेश किए बिना 'टू' फ़ील्ड में डाला जाना चाहिए .. !!

मैं PHP या जावास्क्रिप्ट में ऐसा कैसे कर सकता हूं? कृपया मेरी मदद करें :)

Answer 1

आपको ऐसा करने के लिए AJAX का उपयोग करने की आवश्यकता होगी। अजाक्सफॉर्म एक फॉर्म से डेटा को गतिशील रूप से डेटा जोड़ने के लिए एक महान प्लगइन है। आप jquery से $ .ajax का भी उपयोग कर सकते हैं। http://jquery.malsup.com/form/#ajaxForm

$(document).ready(function() { 
    var options = { 
     target:  '#output1', // target element(s) to be updated with server response 
     beforeSubmit: showRequest, // pre-submit callback 
     success:  showResponse // post-submit callback 

     // other available options: 
     //url:  url   // override for form's 'action' attribute 
     //type:  type  // 'get' or 'post', override for form's 'method' attribute 
     //dataType: null  // 'xml', 'script', or 'json' (expected server response type) 
     //clearForm: true  // clear all form fields after successful submit 
     //resetForm: true  // reset the form after successful submit 

     // $.ajax options can be used here too, for example: 
     //timeout: 3000 
    }; 

    // bind form using 'ajaxForm' 
    $('#myForm1').ajaxForm(options); 
}); 

या नियमित रूप से ajax

$.ajax({ 
    url : url, 
    data : {name : name} 
    dataType : 'json', 
    success : function(data) {} 
}); 

Answer 2

आपको AJAX का उपयोग करना होगा, जो आज ज्यादातर असिंक्रोनस जावास्क्रिप्ट और JSON के लिए खड़ा है। चूंकि आप इसके लिए नए लगते हैं, इसलिए मैं दृढ़ता से एक अच्छा AJAX लाइब्रेरी जैसे jQuery, YUI, Dojo, प्रोटोटाइप इत्यादि का उपयोग करने का सुझाव दूंगा। यह आपके कोड को अपने आप से करने से कहीं अधिक आसान बना देगा, और शायद यह भी अधिक पोर्टेबल ब्राउज़रों। JQuery, AJAX और PHP से संबंधित ट्यूटोरियल के लिए खोजें। मैंने कुछ समय पहले जॉन रेसिग द्वारा एक अच्छी बात देखी है जो बहुत कम कोड का उपयोग करके आप jQuery और PHP के साथ क्या करने की कोशिश कर रहे हैं, जो बहुत अधिक प्रदर्शन कर रहे थे। दुर्भाग्य से मुझे अभी शीर्षक या लिंक याद नहीं है लेकिन आपको इसे कोई समस्या नहीं मिलनी चाहिए।

Answer 3

मैं काफी आपकी समस्या को समझ में नहीं आ सकते हैं, लेकिन मुझे लगता है कि डोम आपरेशन इस का समाधान कर सकते हैं।

बस एक नज़र इस उदाहरण लेते हैं: http://jsfiddle.net/cyhello/Yfhrp/

यह उपयोगी आशा है। सौभाग्य!