jQuery .find() en la fecha de .ajax() se vuelve "[object Object]" en lugar de div

Question

Tratando de encontrar div elemento con id="result" de datos devueltos por .ajax() usando .find(). Lamentablemente, alert(result) no devuelve div#result.

Aquí está mi código:

$.ajax({ 
    url: url, 
    cache: false, 
    success: function(response) { 
     result = $(response).find("#result"); 
     alert(response); // works as expected (returns all html) 
     alert(result); // returns [object Object] 
    } 
}); 

Answer 1

Para responder a su pregunta en concreto, parece estar funcionando correctamente. Usted dijo que devuelve [object Object], que es lo que jQuery devolverá con el método find("#result"). Devuelve un elemento jQuery que coincide con la consulta find.

Intente obtener un atributo de ese objeto, como result.attr("id") - debe devolver result.

---

En general, esta respuesta depende de si o no #result es el elemento de nivel superior.

Si #result es el elemento de nivel superior,

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

find() no va a funcionar. En su lugar, utilice filter():

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

Si #result no es el elemento de nivel superior,

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

find() funcionará:

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

Answer 2

probar esto:

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

por cierto alert es una forma aproximada a las cosas de depuración, tratar console.log

Answer 3

Es #result en la respuesta HTML? Prueba lo siguiente. jQuery aún devolverá un objeto vacío si no encuentra nada.

alert(result.length); 

Answer 4

Debe añadir dataType: "html" a la solicitud. Estoy bastante seguro de que no podrás buscar el DOM del html devuelto si no sabe que es html.

Answer 5

Es posible que tenga que hacer algo como

var content= (typeof response.d) == 'string' ? eval('(' + response.d + ')') : response.d 

, entonces debería ser capaz de utilizar

result = $(content).find("#result") 

Answer 6

El jQuery encontrar() devuelve un objeto jQuery que envuelve el objeto DOM. Debería poder trabajar con ese objeto para hacer lo que le gustaría con el div.

Answer 7

Especifique dataType: "html".

Si no lo hace, jQuery adivinará el tipo de datos solicitado (marque: http://api.jquery.com/jQuery.ajax/).Supongo que en su caso response era String en lugar de DOMObject. Obviamente, los métodos DOM no funcionarán en una Cadena.

Se podría probar que con console.log("type of response: " + typeof response) (o alert("type of response:" + typeof response), en caso de que no se quede Firebug)

Answer 8

acabo de pasar 3 horas para resolver un problema similar. Esto es lo que funcionó para mí.

El elemento que estaba intentando recuperar de mi respuesta $.get fue un primer elemento hijo de la etiqueta de cuerpo. Por alguna razón, cuando envolví un div alrededor de este elemento, se volvió recuperable a través del $(response).find('#nameofelement').

Ni idea de por qué, pero sí, elemento recuperable puede que no sea el primer hijo del cuerpo ... que podría ser útil a alguien :)

Answer 9

usted puede hacerlo de esta manera de encontrar cualquier div y obtener sus atributos o nada usted quiere.

$(response).filter('#elementtobefindinresponse').attr("id"); 

o

$(response).filter('img#test').attr("src"); 

Answer 10

Ésta es su respuesta:

<div class="test">Hello</div> 
<div class="one">World</div>  

La siguiente jQuery no funcionará:

$(data).find('div.test');  

como los divs son elementos de primer nivel y los datos no son un elemento, sino una cadena, para que funcione u necesidad de utilizar .Filter

$(data).filter('div.test');  

Otro misma pregunta: Use Jquery Selectors on $.AJAX loaded HTML?

Answer 11

si su llamada ajax devuelve una matriz JSON, cadena JSON desde el lado del servidor, entonces debería empezar a hacer lo siguiente:

$("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); 
       } 
      } 
     } 
     }); 
    }); 

Analice su objeto JSON en un objeto JS (variable) y luego puede usar el índice de los datos para recuperar los datos. Espero que esto sea útil para algunos de ustedes! :)

Answer 12

no te olvides de hacerlo con analizar html. como:

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

tiene que trabajar :)

Answer 13

Esto funcionó para mí, sólo tiene que poner .html() en el extremo de - $ (respuesta).encontrar ("# resultado")

Answer 14

sólo tiene que utilizar el siguiente código

var response= $(result); 

$(response).find("#id/.class").html(); [or] $($(result)).find("#id/.class").html(); 

Answer 15

Lo que pasa es que su ajaxrespuesta devuelve un cadena, así que si usa directamente $ (respuesta) devolvería JQUERY:Error no detectado: error de sintaxis, expressio no reconocido n en la consola. Para usarlo correctamente, primero debe usar una función incorporada JQUERY llamada $.parseHTML(response). Como lo que el nombre de la función implica, necesita analizar primero la cadena como un objeto html. Al igual que este en su caso:

$.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 
    } 
}); 

Answer 16

$.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