Jquery of my page does not work after being called by an Xmlhttprequest

Question

I have the following code that takes a table on a php page and brings the table inside a div in my index.

But on this my getreult.php page there are codes in jquery, but they do not work, and if I want to run some function when clicking on a button that has getresult.php also does not work, even putting the jquery codes in index does not work.

I had the same problem once, but it’s been a while and I can’t remember how to fix it.

xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    document.getElementById("listview").innerHTML = this.responseText;
  }
};
xmlhttp.open("GET", "./app/getresult.php", true);
xmlhttp.send();

Answer 1

Well one of the solutions is to execute the code via jquery using the method .Load:

function loadDoc(){  
    console.log( "Chamada." );
    $( "#listview" ).load( "./app/getresult.php", function() {
      console.log( "Doc carregado." );
    });     
};

$(function(){loadDoc();});
setInterval (loadDoc, 5000 );