Discussion :

[Mirfak]

Bonjour,

je veux remplacer une div existante par celle renvoyé par ajax, mais au lieu d'être remplacée, elle est carrément enlevée!?

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<div id="nouveauClient"></div> // Ma div initial qui disparait lors de l'appel de la fonction
 
<div id="nouveauClient">
    <h1>Enregistrer un nouvel Utilisateur</h1>
    <form name="user" method="post">
        [...]
    </form>
</div>
// La div que je récupère et que je veux afficher
 
<bouton type="button" onclick="nouveauClient()">Nouveau client</bouton> //l'appel de la fonction

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
function nouveauClient() {
    console.log('nouveau client');
    $.ajax({
        url : Routing.generate('user_new'),
        success: function(html) {
            $('#nouveauClient').replaceWith(
                $(html).find('#nouveauClient')
            );
            console.log(html);
        }
    });
}

console.log(html) me retourne bien le code que je veux insérer dans ma page.

Quelqu'un peut il m'expliquer ce que je fais pas bien?

Merci.

[NoSmoking]

Bonjour,

	maintes fois signalé Une ID doit être UNIQUE

Pourquoi ne pas injecter le retour directement dans la <div id="nouveauClient"> ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
success: function(reponse) {
   $('#nouveauClient').html(reponse);

[Mirfak]

J'ai lu dans http://api.jquery.com/replaceWith/ :

The .replaceWith() method removes content from the DOM and inserts new content in its place with a single call.

Donc je ne devrait pas avoir de doublon d'id!?

Je n'injecte pas ma réponse directement parceque ma réponse est une page html dont seul la div du formulaire m'intéresse... Pour pouvoir insérer directement ma réponse, il faudrait que je crée une fonction supplémentaire dans mon controleur (je suis sur Symfony3).

J'ai déjà procédé ainsi sur d'autre scripts qui fonctionnent; ici, là différence vient du fait que la page que je veux modifier et la page réponse où je vais chercher que ce que je veux, ne sont pas du tout les mêmes!?


Edit: Arf, j'avais pas bien lu ta suggestion! Et elle fonctionne!
Quand a la question "pourquoi pas avoir fait ça?" euh, ben je débute en js!

En tout cas, le sujet est résolu! Merci de ton aide!

[SpaceFrog]

dont seul la div du formulaire m'intéresse

=> un travail pour load() ça ...