formulaire soumettre jQuery mobile

Question

Je me suis mis en tête que les applications mobiles n'aiment pas les formulaires soumis de la même manière que le html, alors j'ai pensé qu'il valait mieux faire une vérification sur Stackoverflow.

Par exemple, au lieu d'avoir <input type="submit"...>, il semble que je doive maintenant utiliser <a data-role="button"...>.

Q : Puis-je continuer à utiliser <input type="submit"...> pour les applications mobiles ?

La raison pour laquelle je pose cette question est que la page d'action a une certaine logique, comme par exemple :

<cfif structKeyExists(form,"Save")>

Answer 1

JQuery Mobile, du moins au moment de la rédaction de ce document, soumet par défaut les formulaires via AJAX en utilisant la méthode spécifiée dans le formulaire soumis. Les soumissions POST seront toujours envoyées au serveur en arrière-plan, de sorte que ColdFusion verra toujours les variables du formulaire qui sont passées comme d'habitude. Lorsqu'une réponse est générée, jQuery Mobile prend la réponse et fait passer la vue sur le code HTML renvoyé. D'après mes propres tests, vous pouvez continuer à utiliser un bouton d'envoi normal. Si vous voulez une soumission standard plutôt qu'une soumission AJAX, ajoutez data-ajax="false" à la balise du formulaire.

Answer 2

Si vous souhaitez soumettre un formulaire de manière programmée, définissez l'option data-ajax pour le formulaire à false puis définir un gestionnaire d'événement pour le submit pour le formulaire :

<form data-ajax=false></form>

$(function () {
    $('form').bind('submit', function (event) {
        event.preventDefault();
        $.post('path/to/server.file', $(this).serialize(), function (data) {
            alert('Server Response: ' + data);
        });
    });
});