javascript — xmlhttprequest не работает на пробел

Я создаю простое веб-приложение для моего колледжа. есть тег выбора для выбора темы, затем javascript отправляет тему в php-файл, который выполняет запросы к базе данных и возвращает результат в виде таблицы. проблема в том, что этот код хорошо работает во всех веб-браузерах, но в эмуляторе Android xmlhttp.status возвращает 0 вместо 200.
Вот код JavaScript:

    <script>
function getAtt(str) {
if (str=="") {
document.getElementById("attendance").innerHTML="";
return;
}
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
} else { // code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4 && xmlhttp.status==200) {
document.getElementById("attendance").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","http://127.0.0.1/Project/getAttendance.php?q="+str,true);
xmlhttp.send();
}
</script>

вот HTML-код:

    <div data-role="page" id="pagetwo">
<div data-role="header">
<a href="test.html" data-ajax="false" class="ui-btn ui-btn-left ui-corner-all ui-shadow ui-icon-home ui-btn-icon-left">Home</a>
<h1>Subject Wise Attendence</h1>
</div>
<div class="ui-content" align="center">
<form>
<a href="#" class="ui-btn ui-btn-inline ui-icon-bullets ui-btn-icon-left  ui-shadow"  onclick="getAtt('cnet')" id="cnet">C#</a>
<a href="#" class="ui-btn ui-btn-inline ui-icon-bullets ui-btn-icon-left  ui-shadow"  data-ajax="false" onclick="getAtt('ss')" id="ss">Soft Skills</a>
<a href="#" class="ui-btn ui-btn-inline ui-icon-bullets ui-btn-icon-left  ui-shadow" data-ajax="false" onclick="getAtt('dc')" id="dc">Distributed Computing</a>
<a href="#" class="ui-btn ui-btn-inline ui-icon-bullets ui-btn-icon-left  ui-shadow" data-ajax="false" onclick="getAtt('wt')" id="wt">Wireless Technologies</a>
<a href="#" class="ui-btn ui-btn-inline ui-icon-bullets ui-btn-icon-left  ui-shadow" data-                                                        ajax="false" onclick="getAtt('cs')" id="cs">Cyber Security</a>
</form>
</div>