我正在使用visual studio 2010并与Chrome一起使用asp.net。 我试着编写一个脚本,它将在不重新加载整个页面的情况下切换div的内容。 我使用了这段代码http://www.w3schools.com/ajax/ 我的问题是我的XMLHttpRequest没有达到4,我无法发送请求。) 这是脚本。
<script>
function tablecontent(var1) {
var xmlhttp;
// code for IE7+, Firefox, Chrome, Opera, Safari
if (window.XMLHttpRequest)
{
xmlhttp = new XMLHttpRequest();
}
// code for IE6, IE5
else {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("tablecontent").innerHTML = xmlhttp.responseText;
}
}
// xmlhttp.onreadystatechange = true;
switch (var1) {
case 1:
xmlhttp.open("GET", "http://localhost:56411/Project/SearchEvents.aspx", true);
break;
case 2:
xmlhttp.open("GET", "ajax_info.txt", true);
break;
case 3:
xmlhttp.open("GET", "ajax_info.txt", true);
break;
case 4:
xmlhttp.open("GET", "ajax_info.txt", true);
break
}
xmlhttp.send();
}
</script>
这是调用脚本的代码:
<table id="maintable" >
<tr id="mtr1">
<td id="mcolumn11" >
</td>
<td id="mcolumn12" ></td>
</tr>
<tr id="mtr2">
<td id="mcolumn21" >
</td>
<td id="mcolumn22">
<div id="tablecontent" style="position: relative; top: 0px; height: 60%; ">
Ben
</div>
<table id="table2">
<tr>
<td id="t2line">
<asp:ImageButton OnClientClick="javascript:tablecontent(1)" ID="searchevents" runat="server" ImageUrl="~/images/חיפוש אירועים_2.png" />
</td>
</tr>
<tr>
<td id="t2line">
<img id="reports" src="images/דוחות_2.png" />
</td>
</tr>
<tr>
<td id="t2line">
<img id="administration" src="images/ניהול_2.png" />
</td>
</tr>
<tr>
<td id="t2line">
<img id="statistics" src="images/סטטיסטיקות_2.png" />
</td>
</tr>
</table>