Soumission de formulaire dynamique jQuery

Question

Je peux facilement trouver comment soumettre un formulaire existant en utilisant jQuery. Mais comment puis-je, donné une URL, et certains paramètres créer et soumettre ce formulaire à la volée?

Answer 1

Cela sonne comme une mauvaise solution à un problème qui peut probablement être mieux résolu d'une autre manière ...

Cela étant dit, vous pouvez créer un formulaire et déclencher la méthode soumettre à assez facilement:

$([ 
    '<form action="url.php" method="post">', 
     '<input type="hidden" name="param1" value="foo"/>', 
     '<input type="hidden" name="param1" value="foo"/>', 
    '</form>' 
].join('')).appendTo('body')[0].submit(); 

Si vous devez être en mesure de préciser les paramètres et l'URL alors vous pouvez écrire une fonction similaire à celle-ci:

function submitValues(url, params) { 
    var form = [ '<form method="POST" action="', url, '">' ]; 

    for(var key in params) 
     form.push('<input type="hidden" name="', key, '" value="', params[key], '"/>'); 

    form.push('</form>'); 

    jQuery(form.join('')).appendTo('body')[0].submit(); 
} 

et l'appeler ainsi:

submitValues('url.php', { foo: 'bar', boo: 'far' });