код не работает в приложении frmework 7

Я разрабатываю кроссплатформенное приложение на платформе 7, используя php и mysql в качестве серверных технологий. Я извлекаю данные из mysql с помощью вызовов ajax, и это работает на локальном сервере, но когда я помещаю его в framework 7, он не работает. Вот мой код

loaddata.php
<?php
$link=mysqli_connect("localhost","root","","vaistra");

if (mysqli_connect_errno())
echo "Failed to connect to MySQL: " . mysqli_connect_error();

$action=$_POST["action"];
if($action=="showroom"){
$query="SELECT * FROM dirf1";
$show=mysqli_query($link,$query) or die ("Error");
while($row=mysqli_fetch_array($show)){

?><tr><td><?php echo $row['dirName'] ?></td></tr><?php
}
}
?>

Вот код JQuery

index.html
<script type="text/javascript">
$(document).ready(function(){
function showRoom(){
$.ajax({
type:"POST",
url:"loaddata.php",
data:{action:"showroom"},
success:function(data){
$("#content").html(data);
}
});
}
showRoom();
});
</script>

вот снимок консольного журнала:

Так что этот код работает нормально вне framework7, но не работает в framework7.
Есть что-то конкретное, что нужно сделать для framework7.
Спасибо