दिलचस्प पोस्ट
कैमरे से पूर्वावलोकन के बिना चित्र लेना लिट बनाम एलईटी * में आम लिस्प में एक पोस्ट-बिल्ड ईवेंट के दौरान असेंबली संस्करण निर्धारित करें वैकल्पिक के लिए उपयोग ईएफ कोड में परिकलित कॉलम पहले Symfony2 और date_default_timezone_get () – सिस्टम की टाइमज़ोन सेटिंग पर भरोसा करना सुरक्षित नहीं है \ d से कम कुशल है स्प्रिंग @ वैल्यू के साथ जावा प्रॉपर्टी फाइल से हैशमैप कैसे भरें पृष्ठभूमि में न्यूजलेटर पर पृष्ठभूमि छवि को कैसे बनाऊं? Git submodules और ssh प्रवेश Class.getResource () और ClassLoader.getResource () के बीच अंतर क्या है? आउटगोइंग कॉल और टेक्स्ट एसएमएस कैसे ब्लॉक करें SQL सर्वर 2005 और अस्थायी तालिका क्षेत्र स्ट्रिंग्स सी में, सबस्ट्रिंग कैसे प्राप्त करें एक AJAX कॉल / ब्राउज़र अनुरोध के बीच अंतर

jquery फार्म सबमिट करें और फिर एक मौजूदा div में परिणाम दिखाएं

मेरे पास एक सरल एक पाठ इनपुट फ़ॉर्म है, जिसे सबमिट किया जाता है, को एक php फ़ाइल (फ़ाइल में इनपुट को पारित करने) की आवश्यकता होती है और फिर परिणाम (केवल एक पंक्ति की पंक्ति) लेनी चाहिए और इसे किसी div और उस div को दृश्य में फीका करें ।

यहां मेरे पास अब क्या है:

 <form id=create method=POST action=create.php> <input type=text name=url> <input type="submit" value="Create" /> <div id=created></div> 

मुझे क्या जरूरत है create.php?url=INPUT के परिणामों को गतिशील रूप से create.php?url=INPUT में लोड किया जाता है जिसे created

मेरे पास jquery प्रपत्र स्क्रिप्ट है, लेकिन मैं इसे सही काम करने में सक्षम नहीं हुआ है। लेकिन मेरे पास पुस्तकालय लोड किया गया है (फ़ाइल)

Solutions Collecting From Web of "jquery फार्म सबमिट करें और फिर एक मौजूदा div में परिणाम दिखाएं"

यह कोड ऐसा करना चाहिए आपको इस रूप में सरल रूप से कुछ के लिए प्रपत्र प्लगइन की आवश्यकता नहीं है:

 $('#create').submit(function() { // catch the form's submit event $.ajax({ // create an AJAX call... data: $(this).serialize(), // get the form data type: $(this).attr('method'), // GET or POST url: $(this).attr('action'), // the file to call success: function(response) { // on success.. $('#created').html(response); // update the DIV } }); return false; // cancel original event to prevent form submitting }); 

यह फाइल अपलोड के लिए भी काम करता है

 $(document).on("submit", "form", function(event) { event.preventDefault(); var url=$(this).attr("action"); $.ajax({ url: url, type: 'POST', dataType: "JSON", data: new FormData(this), processData: false, contentType: false, success: function (data, status) { $('#created').html(data); //content loads here }, error: function (xhr, desc, err) { console.log("error"); } }); }); 

यदि आप पृष्ठ को ताज़ा नहीं करना चाहते हैं तो आपको फ़ॉर्म पोस्ट करने के लिए AJAX का उपयोग करना होगा।

 $('#create').submit(function () { $.post('create.php', $('#create').serialize(), function (data, textStatus) { $('#created').append(data); }); return false; });