实现功能：单击按钮，将从数据库获取的数据返回给文本框1(刷新文本框1)，而文本框2不刷新
页面1：test.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>ASP.NET下Ajax局部刷新简单应用</title>
<mce:script language=javascript><!--
function getData()
{
/* Create a new XMLHttpRequest object to talk to the Web server */
var xmlHttp;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("您的浏览器不支持AJAX！");
return false;
}
}
}
xmlHttp;.open("get","test.aspx",false);
xmlHttp;.send();
if(xmlHttp;.readyState == 4 && xmlHttp;.status == 200)
{
document.getElementById("tb1").innerText= xmlHttp;.responseText;
}
}
// --></mce:script>
</head>
<body>
<input id="tb1" type="text"/><button onclick="getData()">点击</button>
<br/>
<input id="tb2" type="text" />
</body>
</html>
页面2主要代码：test.aspx
protected void Page_Load(object sender, EventArgs e)
{
//数据库操作代码
......
//把从数据库取出的数据用Response.Write返回
Response.Write("我是后台获取的数据");
}
AJAX控件2
17. MutuallyExclusiveCheckBox
【功能概述】
互斥复选框就像RadioButton一样，应用的场景是：“a number of choices are available but only one can be chosen”
【细节】
(1)Key属性用来分组就像RdiolistGroup一样
(2)argetControlID用来绑定已有的CheckBox
【代码示意】
<ajaxToolkit:M ......
