web-dev-qa-db-fra.com

Page Web Post Submits vs AJAX?

Quel est le meilleur et pourquoi?

Je peux voir où un site qui fonctionne à 100% dans AJAX pourrait optimiser un peu mieux, car il ne faudrait pas recharger la page à chaque clic.

Mais je suis un grand fan du gros bouton de soumission en bas de l'écran.

Vaut-il la peine de passer du temps à convertir un site en AJAX alors qu’il optimise principalement les temps de chargement des pages?

2
Talvi Watia

Dans la plupart des cas, vous devez soumettre le manuel, même lorsque vous avez utilisé AJAX pour soumettre vos formulaires. JavaScript n'est pas toujours activé pour diverses raisons. La plupart des navigateurs ne contenant que du texte n'interprètent généralement pas JavaScript et il est donc important de disposer d'une solution de secours. De plus, même si je sais que cela ne s'applique pas à la plupart des formulaires, les moteurs de recherche ont une capacité très limitée d'analyse et d'exécution de JavaScript. Il est donc préférable de ne pas l'utiliser pour construire des menus.

Est-il préférable d'améliorer un formulaire avec AJAX? Cela dépend de votre situation et de votre mise en œuvre. Si tout ce que vous faites est une soumission de formulaire AJAX, je vous déconseille les frais supplémentaires de 20 Ko d'un framework JavaScript comme jQuery ou MooTools. Dans ce cas, utilisez du JavaScript pur. Toutefois, si vous utilisez le cadre ailleurs également, cela pourrait être un bon choix. Sachez simplement que l’utilisation de AJAX peut présenter un certain nombre de problèmes d’utilisabilité (comme le comportement du bouton Précédent).

De plus, à titre d’avertissement et de rappel amical, ne faites pas que valider votre code avec JavaScript. Tout d'abord, cela doit être fait sur le serveur. Utilisez JavaScript pour améliorer la sécurité, pas pour la fournir.

7
Virtuosi Media

Ni est vraiment mieux que l'autre. C'est une question de préférence pour la plupart. Voulez-vous recharger la page entière ou simplement recharger une certaine partie de celle-ci. Si le formulaire correspond à tout ce que vous affichez, ajax est probablement plus lent que le rechargement de la page. Toutefois, si votre formulaire ne représente qu'une petite partie de la page, ajax serait probablement plus rapide.

Vous pouvez toujours avoir un gros bouton de soumission. Il suffit de ne pas le soumettre. Catch c'est un événement onclick, faites votre ajax thang et retournez false.

Découvrez jQuery pour quelques trucs ajax sans douleur.

5
hookedonwinter

Ils ne sont pas mutuellement exclusifs: avec l'amélioration progressive, vous pouvez utiliser les deux!

Commencez avec un formulaire de base soumis via POST, puis écrivez un code côté serveur pour le gérer et redirigez-le vers la page précédente, qui sera désormais mise à jour. Ceci couvre les côtés accessibilité et non-JS.

Ensuite, ajoutez votre code AJAX à la page, qui "détourne" l'événement onsubmit du formulaire, appelez votre fonction AJAX exécutant le même code côté serveur. traiter la soumission, mais cette fois renvoie des données qui vous indiquent comment mettre à jour la page. N'oubliez pas de renvoyer false à partir de votre fonction JS afin que le formulaire ne soit pas posté de manière normale.

Maintenant, vous avez l'expérience "plus rapide" pour la majorité des utilisateurs, et vous avez toujours l'expérience fonctionnelle pour tout le monde en tant que sauvegarde.

2
DisgruntledGoat

Le problème que vous devez prendre en compte est l'expérience de l'utilisateur et son lien avec la conversion.

Si vous utilisez AJAX afin de créer une meilleure expérience pour vos utilisateurs et de les aider à effectuer la conversion, vous devriez probablement vous en servir.

Un exemple simple: votre utilisateur choisit un nom d'utilisateur. Le nom d'utilisateur est déjà pris. Utiliser AJAX pour vérifier l'arrière-plan et lui faire savoir tout de suite, c'est beaucoup mieux que de le laisser remplir le formulaire et recharger la page.

La plupart du temps, je trouve que AJAX améliore les choses.

0
Sylver