2009-10-28 3 views
5
$(document).ready(function() { 
    var options = { 
     target: '#output1', // target element(s) to be updated with server response 
     beforeSubmit: showRequest, // pre-submit callback 
     success: showResponse // post-submit callback 
    }; 

    $('#myForm1').ajaxForm(options); 
}); 

function showRequest(formData, jqForm, options) { 
    var queryString = $.param(formData); 
    alert('About to submit: \n\n' + queryString); 
    return true; 
} 

function showResponse(responseText, statusText) { 
    alert('status: ' + statusText + '\n\nresponseText: \n' + responseText + 
     '\n\nThe output div should have already been updated with the responseText.'); 
} 

Dans le programme ci-dessus ce qui est passé dans l'argument option? J'utilise le http://jquery.malsup.com/ajaxForm (options) ce qui devrait être passé aux options?

Répondre

1

Quelle est votre question?

Veuillez élaborer.

De l'jQuery Form Plugin API Documentation:

ajaxForm

Prépare un formulaire à soumis via AJAX en ajoutant tous les écouteurs d'événements nécessaires. Il ne pas soumettre le formulaire. Utilisez ajaxForm dans fonction prête de votre document à Préparer votre (vos) formulaire (s) pour la soumission de AJAX . ajaxForm prend zéro ou un argument. Le seul argument peut être soit une fonction de rappel ou un Options Objet. Chaînable: Oui.

Note: Vous pouvez passer l'une des standards .ajax $ options pour ajaxForm

0

cible - [# outout1] est la division que vous voulez recharger.

beforSubmit - l'action que vous souhaitez effectuer avant reload

succès - l'action que vous souhaitez effectuer après reload

0

Le rappel 'beforeSubmit' est invoquée avec trois arguments: les données de formulaire au format tableau, le jQuery objet pour le formulaire et l'objet Options transmis dans ajaxForm/ajaxSubmit.

http://jquery.malsup.com/form/#options-object