Actualisation de ajax div avec les données de formulaire

J’ai beaucoup cherché sur Google mais je n’ai pas trouvé la solution à ce problème:

J’ai un div dans ma page principale qui charge une autre page avec la fonction JQuery ‘.load’. Ça marche bien. Dans cette page chargée, j’ai une option de recherche. Lorsque le formulaire est soumis, je souhaite que cette division ajax soit rechargée et que les données soumises soient envoyées afin que je puisse l’utiliser dans cette division ajax.

Comment puis-je faire une telle construction? J’ai entendu .load utiliser GET et mon formulaire envoie POST. Mais l’utilisation de la fonction .post après l’envoi ne fonctionne pas.

N’importe qui?

• Django: mettre à jour un seul champ dans un modèle existant avec forms.py
• L’appel jQuery AJAX fonctionne dans Firefox mais pas dans IE – réponse valide renvoyée
• Symfony 1.4: Comment récupérer la valeur sélectionnée avec la fonction d’AJAX dans select depend?
• La fonction Ajax fonctionne la première fois, la deuxième fois, non?
• Exécuter la fonction javascript sur une erreur ajax

Code sofar:

Dans ma page principale, j’ai juste une div, rien d’important

La page chargée:

     alle  <option value="id;?>">naam; ?>     

Dans mon fichier JS, j’ai:

La partie de chargement:

 jQuery("#select_portal").bind('click', function () { $("#dialog-form").css("display", "block"); $("#dialog-form").css("top", "100px"); $("#dialog-form").css("left", "auto"); $("#dialog-form").css("right", "auto"); $("#dialog-form").css("backgroundColor", "white"); document.getElementById('dialog-form').style.visibility = 'visible'; $("#dialog-form").load("imglib.php"); }); } 

Après avoir cliqué sur le bouton d’envoi:

 $('#formpie').submit(function (e) { e.preventDefault(); var tags = $("#tags").val(); var categorie = $("#categorie").val(); $.ajax({ type: "POST", url: "imglib.php", async: false, dataType: 'html', success: function () { $('#dialog-form').load("imglib.php", {tags : tags, categorie : categorie}); } }); }); 

• créer un formulaire Web à partir de XSD, puis générer un formulaire XML
• Insertion de valeurs dans ko.observableArray nested
• Utilisation de Jquery ajax pour appeler la méthode ActionResult dans Controller et renvoyer des données
• jQgrid après le bouton Reload Grid, toutes les données disparaissent
• JQuery – impossible de transmettre formData avec d’autres parameters

 $('#formpie').on('submit', function(e) { e.preventDefault(); $.ajax({ type: 'POST', url: "imglib.php", async: false, data: $(this).serializeArray(), success: function(data) { $('#dialog-form').html(data); } }); });