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("我是后台获取的数据");
}
相关文档：
HTML代码如下:
LoginValidate.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="LoginValidate.aspx.cs" Inherits="LoginValidate" %>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>验证用户名是否存在</title>
<script type="text/j ......
在 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 ......
通过jQuery发送ajax请求，无论是get方式还是post方式，当前后两次请求的参数完全一样时，浏览器就有可能调用缓存里的数据，最直接的结果就是造成有些操作没有生效的假象。这种情况，我们应该通过下面这个技巧来避免浏览器调用缓存里的内容。
先整理下思路，浏览器之所以调用缓存里的内容，最主要的一点是判定现在要访问的� ......
<mce:script type="text/javascript" language="javascript"><!--
function del(com_id,meet_id){
$.ajax({
url:'../company/meet.Ajax.php',
type:'POST',
data:{com_id:com_id,meet_id:meet_id},
dataType:"json",
timeout: 10 ......
