jQuery submit / preventDefault / post

Le but

• J’essaie d’utiliser AJAX pour publier des données (d’un formulaire sur “Page A”) vers une autre page (“Page B”)
• Je veux que du contenu de “Page B” soit chargé dans “Page A” dans un div spécifié (#result).

Ce que j’ai essayé

• J’ai créé le HTML et le JS pertinents largement basés sur la documentation jQuery .post() avec une certaine influence du formulaire de soumission de jQuery AJAX .
• J’ai bricolé avec alert () pour voir où le processus échoue.
• J’ai créé un jsFiddle sur http://jsfiddle.net/jhfrench/QjaTq/ (le code HTML et le code JavaScript qui suivent sont identiques)

Les symptômes

• La page A soumet directement à la page B, comme si le formulaire était soumis normalement et qu’il n’y avait aucun jQuery à intercéder.

Les théories

• Démarrage d’une galerie à partir de plusieurs images d’aperçu avec Fancybox2
• Comment convertir de manière dynamic des champs de formulaire en object js multidimensionnel?
• jalert avec jquerymobile ne fonctionne pas
• Accordéon JQuery enterré dans une table dans une page dynamic
• Renvoyer la réponse de PHP à Jquery en utilisant Ajax

• la méthode .submit() pas
• ou il est attaché, mais la directive preventDefault au sein n’intercepte pas la soumission de formulaire traditionnelle

HTML

 
 
 Group 
   Politician Celebrity  
 
 
 Expiration Date 
  
 
 
 
  Feel like checking this box? 
 
 
  <input type="hidden" name="data" value="
Text echoed back to request
">   
 
 
We want to load the results within this div 

JavaScript

 var sortingmTextFields = function () { alert('sortingm fields'); }, checkForm = function (incoming_form) { alert('custom validation'); }; /* attach a submit handler to the form */ $('#form_edit_sensitivity').submit(function (event) { /* stop form from submitting normally */ event.preventDefault(); confirm('we got this far'); /* get some values from elements on the page: */ var $form = $(this), data = $form.serialize(), url = $form.attr('action'); /* Send the data using post */ var posting = $.post(url, data); /* Put the results in a div */ posting.done(function (data) { var content = $(data).find('#summary'); $('#result').empty().append(content); }); }); 

Pour paraphraser les mots immortels de la “Fille de la sororité dérangée” , je suis sur le sharepoint c-Punt mon ordinateur sur celui-ci.

Encore une fois, jsFiddle à http://jsfiddle.net/jhfrench/QjaTq/

• erreur jQuery Animation = tentative d’exécution du script comstack-and-go sur une étendue effacée
• Bug avec le rappel .animate ()?
• Les caractères accentués ne sont pas récupérés correctement
• Comment utiliser les cookies, JQuery, Javascript?
• Icône d’actualisation de la liste de diffusion mobile JQuery

 var sortingmTextFields = function () { alert('sortingm fields'); }, checkForm = function (incoming_form) { alert('custom validation'); return true; // <-- NECESSARY BECAUSE YOU'RE RETURNING THIS IN "submit" EVENT }; $(document).ready(function() // DOM is ready... { /* attach a submit handler to the form */ $('#form_edit_sensitivity').submit(function (event) { /* stop form from submitting normally */ event.preventDefault(); confirm('we got this far'); /* get some values from elements on the page: */ var $form = $(this), data = $form.serialize(), url = $form.attr('action'); /* Send the data using post */ var posting = $.post(url, data, function(response) { /* Put the results in a div */ var content = $(response).find('#summary'); $('#result').empty().append(content); }); }); }); 

 $(function(){ // write your js here });