Cargando el contenido de la base de datos a través de XMLHttpRequest en Wordpress

He creado una nueva página de wordpress-template. La idea es que cuando hago clic en un enlace en mi barra lateral, debería cargar contenido de una base de datos en mi contenido. En una página php simple funciona, pero en combinación con mi plantilla de página de wordpress no funciona ...

Y ese es mi código: (versión corta)

<?php // Template Name: Weinkarte
get_header(); ?>

<div id="container-sidebar">
     <span id="wineList"></span>
</div>

<div id="sidebar-right">
    <li><a href='#' id='1' onclick='loadWine(this.id)'>Click</a></li>
</div>

get_footer();

<script>
function loadWine(id)
{
xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("wineList").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","loadWine.php?landID="+id,true); //I think here is probably the fault
xmlhttp.send();
}
</script>

¡Gracias por cualquier ayuda! :)

Respuestas a la pregunta(1)

Su respuesta a la pregunta