jQuery Mobile éviter changePage() sous forme de paiement ajax soumettre

Question

J'ai une forme post, je veux que le submit à faire dans une façon AJAX mais je ne veux pas l'URL de la page pour changer.

Par exemple:

<form action="/countries/change_country" data-ajax="true" method="post"> 
    <select name="country_code"> 
    <option value="FR" selected="selected">France</option> 
    <option value="DE">Germany</option> 
    </select> 
    <input type="submit" value="change country" /> 
</form> 

Lorsque je clique sur le bouton change country le formulaire est envoyé par AJAX ce qui est agréable, mais l'URL de la page est modifiée pour /countries/change_country ce qui est pas bien parce que cette URL n'existe pas mon serveur qui est très picky avec les verbes HTTP.

Je sais qu'il est possible de changer ce comportement par défaut pour toute l'application mais je voudrais désactiver le changePage() uniquement pour ce formulaire.

Answer 1

Soumettre le formulaire via Javascript/jQuery à la place.

Première: Désactiver par défaut submit-comportement

$('#form').on('submit', function (e) { 
    if (e.preventDefault) e.preventDefault(); 
    return false; 
}); 

Deuxième: sérialisation les données de formulaire avec jQuery

var serializedFormData = $('#form').serialize(); 

Troisième: post votre formulaire avec

$.ajax({ 
    url: '/countries/change_country', 
    type: 'POST', 
    data: serializedFormData 
});