trouver le bon chemin ajax/wordpress

Question

J'essaie de charger infinity.php quand je clique sur le bouton, mais je n'arrive pas à le faire correctement. des idées? je suppose qu'il est quelque chose qui doit faire avec: Je ne peux

xmlhttp.open("GET", "get_template_directory_uri();" + "/infinity.php",true);" 

mais comprendre comment faire le bon chemin pour la vie de moi.

function loadXMLDoc(){ 

     var xmlhttp; 

     if (window.XMLHttpRequest){ 

     xmlhttp=new XMLHttpRequest(); 

     } 

     xmlhttp.onreadystatechange=function(){ 

     if (xmlhttp.readyState==4 && xmlhttp.status==200){ 

      document.getElementById("myDiv").innerHTML=xmlhttp.responseText; 

     } 
    } 

    xmlhttp.open("GET", "get_template_directory_uri();" + "/infinity.php",true); 

    xmlhttp.send(); 

} 

</script> 

<div id="myDiv">Let AJAX change this text</div> 
<button type="button" onclick="loadXMLDoc()">Change Content</button> 

Answer 1

En supposant que c'est généré à partir d'une page PHP, vous pouvez faire écho la réponse de get_template_directory_uri() dans le JavaScript, ou mettre à une variable JavaScript.

xmlhttp.open("GET", "<?php echo get_template_directory_uri(); ?>/infinity.php",true); 

Ou

var template_directory_uri = "<?php echo get_template_directory_uri(); ?>"; 
xmlhttp.open("GET", template_directory_uri+"/infinity.php", true);