jQuery .find() sur les données .ajax() l'appel est de retour “[object object]” au lieu de div

Pour répondre à votre question plus précisément, il semble fonctionner correctement. Vous avez dit qu'il retourne [object Object], qui est ce que jQuery sera de retour avec la find("#result") méthode. Elle retourne un jQuery élément qui correspond à la find requête.

Essayer d'obtenir un attribut de l'objet, comme result.attr("id") - il doit retourner result.

---

En général, cette réponse dépend de si oui ou non #result est l'élément de niveau supérieur.

Si #result est l'élément de niveau supérieur,

<!-- #result as top level element -->
<div id="result">
  <span>Text</span>
</div>
<div id="other-top-level-element"></div>

find() ne fonctionnera pas. Au lieu de cela, utiliser filter():

var $result = $(response).filter('#result');

Si #result n'est pas l'élément de niveau supérieur,

<!-- #result not as top level element -->
<div>
  <div id="result">
    <span>Text</span>
  </div>
</div>

find() fonctionne:

var $result = $(response).find('#result');

essayez ceci:

result = $("#result", response);

btw alert est rude pour corriger les choses, essayez de console.log

ne pas oublier de le faire avec parse html. comme:

$.ajax({
    url: url, 
    cache: false,
    success: function(response) {
        var parsed = $.parseHTML(response);
        result = $(parsed).find("#result");
    }
});

a travailler 🙂

Cela a fonctionné pour moi, vous le besoin juste de mettre des .html() à la fin - $(réponse).find("#resultat")

Le truc, c'est que votre ajax réponse est de retour une chaîne, donc si vous utilisez directement $(réponse) il serait de retour JQUERY: Uncaught Error: syntax error, non reconnu expression dans la console. Pour l'utiliser correctement, vous devez avoir à utiliser d'abord un JQUERY intégré dans la fonction appelée $.parseHTML(réponse). Comme quoi le nom de la fonction implique que vous avez besoin pour analyser la chaîne d'abord comme un objet html. Tout comme dans votre cas:

$.ajax({
    url: url, 
    cache: false,
    success: function(response) {
        var parsedResponse = $.parseHTML(response);
        var result = $(parsedResponse).find("#result");

        alert(response); //returns as string in console
        alert(parsedResponse); //returns as object HTML in console
        alert(result); //returns as object that has an id named result 
    }
});

Vous devez ajouter dataType: "html" à la demande. Im assez sûr que vous ne serez pas en mesure de rechercher le DOM du code html renvoyé s'il ne sait pas c'est du html.

si votre appel ajax retourne un tableau JSON, chaîne JSON à partir du côté serveur,
ensuite, vous devriez commencer à faire la suivante:

$("button#submit").click(function() {
    $.ajax({
        type: "POST",
         url: "ajax_create_category",
        data: $('form#create_cat_form').serialize(),
     success: function(data)
          {
          if(data)
          {
              var jsonObj = JSON.parse(data);
              if(jsonObj.status)
              {
                $("#message").html(jsonObj.msg);
              }
            }
         }
       });
    });

Analyser votre objet JSON dans un JS objet(variable) et puis vous pouvez utiliser l'index des données pour récupérer les données!
Espérons que cela pourrait être utile à certains d'entre vous les gars! 🙂

$.ajax({
    url: url,
    cache: false,
    success: function(response) {
        $('.element').html(response);
    }
});

< span class = "element" >
    //response
    < div id = "result" >
        Not found 
    </div> 
</span>

var result = $("#result:contains('Not found')").text();
console.log(result); //output: Not found

Pour afficher le contenu d'alerte utilisation:

alert( $(response).find("#result").html() );