2017-06-15 1 views
1

Je veux soumettre mon formulaire via Ajax. Je l'ai fait avant, mais pour une raison quelconque, chaque fois que je clique sur le soumettre, il soumettra toujours le formulaire et actualisera la page. J'ai fait une fonction de test juste pour consigner le journal une fois que le bouton soumettre est pressé mais cela ne fonctionne même pas.Form_Open soumet toujours - Soumettre Via Ajax - CodeIgniter

Une fois que je peux obtenir le journal de la console de travail sans rafraîchissement de la page, je peux faire l'Ajax moi-même depuis que je sais comment.

Voici ma forme (gardez à l'esprit que je vais seulement poster une entrée ici juste pour un exemple).

function submit_form(e) { 
    e.preventDefault(); 
    console.log('working'); 
    return false; 
}; 


    {!! form_open('myaccount/product_coupon/add',['id' => 'product_coupon_form', 'onsubmit'=> 'submit_form']) !!} 

Username <input type="text" name="username" class="form-control"> 

<input type="submit" class="btn btn-primary" id="submit"> 

</form> 

J'ai aussi essayé javascript appeler par $('#submit').click(function()... mais qui n'a toujours rien

+0

Vérifiez s'il y a une erreur JS dans la console? –

+0

Si vous souhaitez soumettre votre formulaire en utilisant ajax, vous n'avez besoin d'aucune action de type # pour cela. Vous pouvez le faire en cliquant sur le bouton. – kishor10d

+0

J'ai fatigué de quitter l'action de forme comme "" et toujours rien, continue à soumettre. Et il n'y a pas d'erreurs dans le journal de la console ou le succès. – Gilbert

Répondre

1

1er: assurez-vous d'inclure jquery

2: envelopper votre code dans $(document).ready(function(){ //code here })

3: vous pouvez utiliser formulaire soumettre au lieu de soumettre bouton cliquez sur

$(document).ready(function(){ 
    $('#product_coupon_form').on('submit' , function(e){ 
      submit_form(e); 
    }) 
}); 
+0

Ça marche! Je vous remercie! Savez-vous pourquoi le mien n'a pas fonctionné quand je l'ai appelé? Pourquoi dois-je appeler document prêt avant qu'il – Gilbert

+1

@Gilbert lire https://stackoverflow.com/questions/6691454/why-wrap-code-into-document-ready et https://stackoverflow.com/questions/30894981/ how-important-it-is-to-wrap-jquery-code-dans-document-prêt-fonction .. estival de tout cela .. est le * les objets n'existeraient pas car le DOM n'est pas chargé. * mais avec '$ (document) .ready (function() {' sa vérification du document est chargée en premier –