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>