2010-04-27 2 views
1

J'ai un formulaire simple que je souhaite publier sur le serveur d'une manière facile et obtenir le résultat. J'utilise un plugin ISAPI personnalisé sur le backend donc l'utilisation de JSON ou d'autres trucs géniaux n'est pas une option. Comment puis-je le faire?Un moyen facile d'afficher des valeurs de formulaire en utilisant jQuery

Edit: Je préfère ne pas utiliser aussi des plugins externes, si possible

+1

C'est dommage. J'aurais autrement suggéré le plugin jQuery Form incroyablement facile à utiliser (http://malsup.com/jquery/form/#api) pour cela. – BalusC

Répondre

7

Utilisez serialize pour obtenir une représentation de chaîne de votre formulaire et puis après simplement en utilisant la fonction post AJAX jQuery.

exemple très simple (sur le site Web de jQuery en utilisant PHP, mais toute URL ferait):

$.post("test.php", $("#testform").serialize()); 

Si vous avez plusieurs formulaires sur la page que vous pouvez utiliser ce code sur le bouton Cliquez pour obtenir la forme correcte Id (où « someButton » peut être un sélecteur jQuery valide):

$('someButton').click(function() { 
    //old, less efficient code 
    //var formId = $(this).closest("form").attr("id"); 
    //$.post("test.php", $("#" + formId).serialize()); 

    //as per Vincent Robert's suggestion, simplified version 
    $.post("test.php", $(this).closest("form").serialize()); 
}); 
+0

Si j'ai le bouton Soumettre pour un formulaire particulier, comment puis-je obtenir la référence du formulaire à 'serialize()'? – Chris

+0

voir ma modification pour une suggestion –

+2

pourquoi pas $ (this) .closest ("form"). Serialize()? –

3

une autre façon de faire la même chose que Marek a commenté.

$.ajax({ 
    type: 'POST', 
    url: YOUR_URL, 
    data: $('#YOURFORM').serialize(), 
    success: function(data) { 
    //Probably should do something that shows it worked. 
    } 
error: function (xhr, ajaxOptions, thrownError){ 
    //Log the error if there was one 
} 

}); 
Questions connexes