Remplacement des données de #id_block par les données récupérées de la page ajax.php [Résolu]

[GuitarToto]

Bonjour, je m'adresse à vous parce que je n'utilise jamais jQuery et Javascript cependant j'en ai actuellement besoin et je n'arrive pas à régler mon problème.
Voici mon code javascript :

Code :

1
2
3
4
5
6
7
8
9
10
11
 
    function connexion(user, password){  
        if(user != '' && password != '') {
            $.get('ajax.php', {  
                user:user,
                password:password
            }, function(data){  
	    $(data).appendTo('#id_block');
            });  
        }  
    }

Donc lors de l'appel de la fonction il ne se passe pas ce qui est prévu, autrement dit :

• -Appel de la page ajax.php
• -Récupération de ses données renvoyées.
• -Remplacement des données de #id_block par les données récupérées de la page ajax.php

J'ai donc lancé FireBug, j'obtient donc cette erreur lors de l'appel de la fonction :

uncaught exception: [Exception... "Illegal operation on WrappedNative prototype object" nsresult: "0x8057000c (NS_ERROR_XPC_BAD_OP_ON_WN_PROTO)" location: "JS frame :: http://site.com/jquery-1.4.4.min.js :: anonymous :: line 141" data: no]

J'ai comme vous pouvez le voir, la version 1.4.4 de jQuery.

Je ne comprend pas d'où peux venir le problème, j'ai longtemps cherché mais la je sature, je cherche dans le vide donc je vous demande votre aide.

Merci à vous.

[antoyo]

Salut,
est-ce que user et password sont bien du texte et non des éléments du DOM ?
Si ce sont des éléments du DOM, tu dois récupérer leur texte avec la fonction val().
Ex :

Code :

var user = $('#user').val();

À plus !

[GuitarToto]

Effectivement le problème venait de là, merci d'avoir réglé mon problème, cependant cette ligne :

Code :

1
2
3
function(data){  
	    $(data).appendTo('#id_block');
            });

Devrait en toute logique remplacer le contenu de la div qui possède l'id "#id_block" par le contenu récupéré en Ajax n'est ce pas ?
Lorsque j'execute le code avec Firebug, on voit bien que le javascript récupère le contenu en Ajax de la page ajax.php, mais le javascript ne remplace pas l'ancien contenu de la div "#id_block" par le nouveau...
Où se trouve mon erreur ?

Merci à vous !

[danielhagnoul]

Bonsoir

Il est impossible de vous aider sans connaître le contenu de "data". Mais pour l'insérer dans le DOM par un appendTo() il doit s'agir d'un fragment HTML bien structuré.

[antoyo]

Salut,
tu souhaite mettre le contenu reçu à l’aide d’AJAX dans ton div ayant l’ID id_block ?

Alors, tu dois faire ceci :

Code :

1
2
3
function(data){
    $('#id_block').html(data);
});

En cas d’incertitude, la doc' de jQuery est bien remplie…
(Tu aurais pu trouver la réponse ici…)

À plus !