jquery getElementById sur une donnée ajax

Question

je me suis une fonction javascript qui vérifie d'abord si le nom d'utilisateur est la longueur requise et que envoie le nom d'utilisateur à une page pour un test si le test est un succès, il y aura un <span id="username">true</span> autre <span id="username">false</span>

Je continue à obtenir une erreur getElementById n'existe pas sur les données de retour

function checkuser(user, wd,id, sub) 
    { 
     if(user.length < 7) 
     { 
      document.getElementById(id).innerHTML = "Your username is too short. It must be longer than 6 charaters"; 
      document.getElementById(sub).disabled = true; 
      return false; 
     } else { 
      $.post(wd + "register/checkuser/" + user, 
         function(data){ 
         alert("Data Loaded: " + data.getElementById('username').innerHTML; 
         }); 
     } 
    } 

Answer 1

Vous devez faire ceci:

function checkuser(user, wd, id, sub) { 
    if(user.length < 7) { 
    $("#"+id).html("Your username is too short. It must be longer than 6 characters"); 
    $("#"+sub).attr("disabled", true); 
    return false; 
    } 
    else { 
    $.post(
     wd + "register/checkuser/" + user, 
     function(data){ 
     alert("Data Loaded: " + $(data).find("#username").html()); 
     } 
    ); 
    } 
} 

Answer 2

La data valeur de retour est une chaîne, pas un DOMDocument - donc il ne dispose pas d'un plaisir membre getElementById ction.

Une meilleure idée serait de renvoyer JSON à la place, et d'analyser cela.

Si vous ne pouvez pas modifier la page qui effectue le test/le retour, vous devez trouver un autre moyen d'analyser la chaîne de retour qui vous convient.

Answer 3

Essayez ceci:

function(data){ 
     alert("Data Loaded: " + $('#username', data).html()); 
    }); 

Ou ce, en fonction de la structure du code HTML retourné:

function(data){ 
     alert("Data Loaded: " + $(data).filter('#username').html()); 
    });