मैं jquery

Question

का उपयोग करके पेज लोड पर फ़ॉर्म सबमिशन कैसे ट्रिगर करूं? ऐसा प्रतीत नहीं होता है कि इसे पूरा करना बहुत मुश्किल हो सकता है, लेकिन मैं भीड़ में हूं और मैं एक साधारण उत्तर की तलाश में हूं। मुझे पेज लोड पर एक फॉर्म जमा करने की जरूरत है। यह मेरा AJAX सबमिट फ़ंक्शन है जो ठीक काम करता है। मुझे बस पृष्ठ लोड पर इसे ट्रिगर करने का तरीका पता लगाने की आवश्यकता है।

किसी भी मदद की बहुत सराहना की है!

$("form#seller-agreement-form").submit(function() { 
     // we want to store the values from the form input box, then send via ajax below  
     $.ajax({ 
      type: "POST", 
      url: "http://www2.myurl.com/formhandler", 
      data: "email="+ email + "&status=" + status, 
      success: function(){ 
       $('form#seller-agreement-form').hide(function(){$('div#output').fadeIn();}); 

      } 
     }); 
    return false; 
    }); 

Answer 1

में घटना प्रस्तुत करता है, तो आप $().submit() फोन यह कार्रवाई से चलाता है को गति प्रदान करने के लिए; $().submit(function) सबमिट करने के लिए एक हैंडलर बांधता है।

हालांकि आप जमा सबमिट कर सकते हैं और केवल AJAX विधि को सीधे कॉल कर सकते हैं।

$(function() { 
    $.ajax({ 
     type: "POST", 
     url: "http://www2.myurl.com/formhandler", 
     data: "email="+ email + "&status=" + status, 
     success: function(){ 
      $('form#seller-agreement-form').hide(function(){$('div#output').fadeIn();}); 

     } 
    }); 
}); 

Answer 2

फार्म पर

कॉल $("#seller-form").submit() और इस प्रस्तुत घटना ट्रिगर किया जाएगा।

Answer 3

कर क्यों नहीं

function AjaxCall() { 
    // we want to store the values from the form input box, then send via ajax below  
    $.ajax({ 
     type: "POST", 
     url: "http://www2.myurl.com/formhandler", 
     data: "email=" + email + "&status=" + status, 
     success: function() { 
      $('form#seller-agreement-form').hide(function() { 
       $('div#output').fadeIn(); 
      }); 

     } 
    }); 
    return false; 
} 

AjaxCall(); 

$("form#seller-agreement-form").submit(AjaxCall); 

Answer 4

वास्तव में पृष्ठ लोड पर प्रपत्र सबमिट करने के लिए, आप की तरह

$(function() { 
    $('#seller-agreement-form').submit(); 
}); 

लेकिन सिर्फ एक ही प्रदर्शन करने के लिए है कि आप क्या करने की कोशिश कर रहे हैं अगर कुछ लिखते थे जब आप फ़ॉर्म सबमिट करते थे तो अन्यथा किया गया कार्य, तो शायद आप फॉर्म जमा नहीं करना चाहते हैं, लेकिन केवल यह करने के लिए:

function postForm() { 
    $.ajax({ 
     type: "POST", 
     url: "http://www2.myurl.com/formhandler", 
     data: "email="+ email + "&status=" + status, 
     success: function(){ 
      $('form#seller-agreement-form').hide(function(){$('div#output').fadeIn();}); 

     } 
    }); 
} 

$("form#seller-agreement-form").submit(function() { 
    postForm(); 
    return false; 
}); 

$(function() { 
    postForm(); 
}); 

Answer 5

$(function() { 
    $("form#seller-agreement-form").submit(function() { 
     // we want to store the values from the form input box, then send via ajax below  
     $.ajax({ 
      type: "POST", 
      url: "http://www2.myurl.com/formhandler", 
      data: "email="+ email + "&status=" + status, 
      success: function(){ 
       $('form#seller-agreement-form').hide(function(){$('div#output').fadeIn();}); 

      } 
     }); 
    return false; 
    }).trigger('submit'); 

}); 

आप फॉर्म पर submit ईवेंट ट्रिगर करने के लिए .trigger() फ़ंक्शन का उपयोग कर सकते हैं। मैंने कॉल जंजीर की है इसलिए फॉर्म को केवल एक बार चुना जाना है। नोट, आप submit ईवेंट ट्रिगर करने से पहले submit ईवेंट हैंडलर सेट करना सुनिश्चित करना चाहते हैं।

प्रलेखन: http://api.jquery.com/trigger

Answer 6

उपयोग jQuery trigger() समारोह अपने document.ready घटना

Answer 7

यकीन नहीं करता है, तो यह आपके लिए

$(document).ready(function() { 
    $("form#seller-agreement-form").submit(function() { 
     // we want to store the values from the form input box, then send via ajax below  
     $.ajax({ 
      type: "POST", 
      url: "http://www2.myurl.com/formhandler", 
      data: "email="+ email + "&status=" + status, 
      success: function(){ 
       $('form#seller-agreement-form').hide(function(){$('div#output').fadeIn();}); 

      } 
     }); 
    return false; 
    }); 
});