3

Pessoal estou precisando pegar apenas um elemento da página atual retornado via AJAX. O elemento que preciso é o de id="principal".

O máximo que eu consegui é pegar a página inteira, mas eu só queria esse elemento citado acima.

<form  id="sd_submit-job-form" class="job-manager-form" enctype="multipart/form-data">
    <h2 style='color:blue'>Escolha o tipo de anúncio:</h2>          
    <select name="aaa" id="sd-valorSel" >
        <option value="-1">Selecionar...</option>           
        <option value="1">Achados & Perdidos</option>
        <option value="2">Anúncio de Imóveis</option>   
    </select>
    <br>
</form>
<br>    

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script>
$("#sd_submit-job-form").change(function(event){
    event.preventDefault();
    $.ajax({
        data: $(this).serialize(),
        url: this.action,
        type: "POST",
        dataType: "html",
        success: function(data){
            //alert(data);   // retorna toda a página     
            var xxx = $(data).find("#principal");
            alert(xxx);     
            //$("#retorno").html(xxx);            
        },
        error: function(){
            alert("Problema ao carregar a solicitação via Ajax.");
        }
    });
});     
</script>   

<div id="principal">Eu preciso que retorne apenas esse elemento.</div>
<div id="retorno"></div>

1 Resposta 1

3

Se #principal for um elemento filho direto do body (parece ser o caso), use .filter():

<body>
   <div id="principal"></div>
</body>

$(data).filter("#principal");

Caso contrário, use .find():

<body>
   <div>
      <div id="principal"></div>
   </div>
</body>

$(data).find("#principal");

Isso porque $(data) irá retornar um nodelist e o find irá buscar dentro desses nós o elemento #principal. Se esse elemento for filho direto do body, ele será um nó principal, e o find não irá encontrá-lo.

Já o filter irá pegar direto o nó principal que casar com o seletor.

Documentação do .filter()

5
  • O .filter não funcionou em meu script. Tem mais alguma ideia? Preciso muito resolver essa questão.
    – Skyline
    Commented 8/01/2019 às 1:07
  • O filter mostrou o que no $(data)?
    – Sam
    Commented 8/01/2019 às 1:10
  • Retornou [object Object]. Apenas isso. E com .find acontece a mesma coisa.
    – Skyline
    Commented 9/01/2019 às 7:45
  • 1
    Está correto. O [object Object] é a div#principal. Ela é um objeto jQuery. Se vc quiser pegar o HTML dela: xxx.html()
    – Sam
    Commented 9/01/2019 às 15:07
  • Perfeito!! Funcionou!! Valeu pela força!!
    – Skyline
    Commented 12/01/2019 às 1:46

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .