ajax局部提交
实现功能：单击按钮，将从数据库获取的数据返回给文本框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("我是后台获取的数据");
}
相关文档：
在 ASP .NET 的 AJAX 控件中 TabContainer 的 CSS 样式的编写具有一定的格式规范及命名规则，如下图：
具体的 CSS 样式的编写为：
.ajax_tab_menu .ajax__tab_header /*整体按钮底样式*/
{
font-family:宋体;
height:29px;
font-size:12px;
background:#181c1f repeat-x bottom;
}
.ajax_tab_menu .ajax__tab ......
一个ajax请求一个jsp文件，操作成功,jsp文件out.println("1");但是每次成功后xmlHttp.responseText=='1'总是为false，
用encodeURIComponent看xmlHttp.responseText，发现最后多了%0A%0D，百度一下 用来是换行，
jsp文件中的out.println……把ln去掉再次比较 成功 = =� ......
Ajax直接跨域访问，会出现没有权限的错误，一个比较简单可行的解决方案如下：
做一个 ajax请求的 代理servlet 或者jsp，
ajax请求servlet或jsp代理，由servlet或jsp代理去请求ajax要访问的action，然后再将action的响应信息返回给ajax即可，
servlet或jsp充当中介人的角色
servlet 或 jsp 代理的 核心代码如下� ......
function verify() {
//解决中文乱麻问题的方法1，页面端发出的数据作一次encodeURI，服务器段使用new String(old.getBytes("iso8859-1"),"UTF-8");
//解决中文乱麻问题的方法2，页面端发出的数据作两次encodeURI，服务器段使用URLDecoder.decode(old,"UTF-8")
var url = &qu ......
