Handle ajax request returned data with Jquery

Question

My request:

 $.post(
      "http://painel.thomerson.com.br/imagens/escolher-template",
      $(this).serialize(),
      function(data){
            $("#Resultado").html(data);
      }
 );

What is happening is that by inserting the contents of the variable data à div #Resultado, is being inserted the full html code of the page itself, I wonder if there is any way to return another type of data.

Screen before Ajax request:

Screen after Ajax request:

There was duplication of the whole script :/

I saw some examples that returned data on JSON, bringing only what is necessary for manipulation, but I could not understand very well how it was done, I hope to have been clear, otherwise, comment and I will edit what is necessary.

Answer 1

If you are making the same request for the page you are, ajax when complete and return the data it will return all the content from the same screen, causing the content of your page to duplicate