7
votes

Comment utiliserais JQuery to Ajaxify un formulaire?

J'essaie d'ajaxifier un formulaire sans utiliser des plugins de jQuery. Quel est le processus de fabrication de cela. J'ai ma forme. Que dois-je définir l'action? Que doit être le script d'en-tête? N'oubliez pas que je ne veux pas utiliser de plug-ins. J'ai juste besoin d'un algorithme de base pour les formulaires Ajaxifiant à l'aide de JQuery.


0 commentaires

3 Réponses :


10
votes

L'action devrait être Peu importe ce que ce soit si vous n'utilisiez pas JavaScript .

NB: Les liens ci-dessous vont à la section correspondante de la documentation JQuery)

Alors vous seriez Lier une fonction sur le Soumettre événement que Serialized Les données de formulaire et utilisées pour créer un Demande AJAX (probablement Lecture de l'URI de l'attribut Action ). Il aurait dû Empêcher l'action par défaut pour soumettre des événements.

Je crois que JQuery définit un en-tête HTTP demandé X-demandé. Donc, il vous suffit de modifier votre processus côté serveur pour renvoyer différentes données si cela est présent (avec la bonne valeur). Cela pourrait être aussi simple que de passer à une vue différente (si vous utilisez un motif MVC).


1 commentaires

Au lieu de s'appuyer sur l'en-tête X-demandé, vous pouvez définir une entrée "drapeau" dans le gestionnaire de soumission JS / JQuery: HTML: ... JavaScript: $ (entrée # is_ajax '). Val (' Y ​​'); ... TEMPS TEMPS DE SERVEUR POUR IS_AJAX POST VALOTE == 'Y'.



0
votes

Cela dépend. Si vous souhaitez simplement envoyer vos valeurs sans recharger la page, je vous suggère de lier l'événement de soumission du formulaire à une fonction, comme xxx

après cela, vous seriez ensuite définir la fonction xxx

Pour plus d'infos sur la commande AJAX, lookez ici


0 commentaires

2
votes

La méthode la plus simple consiste à utiliser la méthode $ .charger ().

$. Charge (action, données, rappel)

L'action pourrait être un script PHP, une page ASP ou tout simplement une autre page Web. Si les données sont nuls, cela effectue un get. Sinon, il effectue un post. La méthode de rappel est exécutée lorsque la méthode est complète (pas nécessairement réussie).

HTTP : //docs.jquery.com/ajax/load

Par exemple: xxx

Lorsque le formulaire est soumis, le script de processager est exécuté avec l'articleID et les arguments commandés sont passés sous forme de données. Lorsque le script est terminé, le navigateur navigue à la page CommandeComplet pour un traitement supplémentaire de traitement ou d'état.

Si vous souhaitez prendre plus de contrôle sur l'ajaxification, vous pouvez utiliser $ .Bet, $ .post, $ .post, $ .post, ou $.ajax méthodes.


0 commentaires