送10个Sina.Cn后
可编辑表格（JQ实现）
Jul
17
.NET下jQuery的Ajax（一） 
wxxslt , 15:33 , C#.NET , Comments(0) , Trackbacks(0) , Reads(1420) , Via Original 
Large | Medium | Small 
Large | Medium | Small
客户端：
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试XML数据</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
var xmlhttp=null;
function createXMLHttpRequest()
{
//使用XMLHttpRequest方法
if(window.XMLHttpRequest){
//针对FIreFox，Mozillar，Opera，Safari，IE 7，IE 8
xmlhttp=new XMLHttpRequest();
//修复Mozillar浏览器的BUG
if(xmlhttp.overrideMimeType){
xmlhttp.overrideMimeType("text/xml");
}
}else if(window.ActiveXObject){
var activeXName=["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
for (var i=0;i<activeXName.length;i++)
{
try{
xmlhttp=new ActiveXObject(activeXName[i]);
break;
}catch(e){
}
}
}
if(!xmlhttp){
alert("XMLHttpRequest对象创建失败！！");
return xmlhttp;
}else{
return xmlhttp;
}
}
function verifyXML()
{
// $.get('Ajax.aspx?name='+$('#UserName').val(),null,function(data){
// $('#result').html(data);
// });
// var userName=document.getElementById("UserName").value;
// createXMLHttpRequest();
// xmlhttp.onreadystatechange=callback;
//// xmlhttp.open("GET","Ajax.aspx?name="+userName,true);
// //异步方式下，这句话会立即执行
// //同步方式下，这句话会等到服务器数据发送回来时才执行
//// xmlhttp.send(null);
// xmlhttp.open("POST","XML.aspx",true);
// //使用POST方式必须指定HTTP头！
// xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
// xmlhttp.send("name=" + userName);
$.ajax({
type:"POST",
url:"XML.aspx",
data:"name="+$("#UserName").val(),
dataType:"xml",
success:callback
});
}
function callback(data)
{
var text=$(data).children().text(); //text()拼接多节点文本
$("#result").html(text);
}
// function callback()
// {
// //判断对象数据是否交互完成
// if(xmlhttp.readyState==4)
// {
// // 判断HTTP的交互是否成功
// if(xmlhttp.status==200)
// {
// var domObj=xmlhttp.responseXML;
// if(domObj)
// {
// var messageNodes=domObj.getElementsByTagName("message");
// if(messageNodes.length>0)
// {
// var textNode=messageNodes[0].firstChild;
// //var responseMessage=textNode.nodeValue;
// var responseMessage=textNode.data;
// var divNode=document.getElementById("result");
// divNode.innerHTML=responseMessage;
// }
// else
// {
// alert("解析失败！！" + xmlhttp.responseText);
// }
// }
// else
// {
// alert("解析失败！！" + xmlhttp.responseText);
// }
// }
// else
// {
// alert("出错了。");
// }
// }
// }
</script>
</head>
<body>
<p>
请您输入用户名：</p>
<input id="UserName" type="text" />
<input id="Submit" type="submit" value="提交" onclick="verifyXML()" />
<div id="result">
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试XML数据</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
var xmlhttp=null;
function createXMLHttpRequest()
{
//使用XMLHttpRequest方法
if(window.XMLHttpRequest){
//针对FIreFox，Mozillar，Opera，Safari，IE 7，IE 8
xmlhttp=new XMLHttpRequest();
//修复Mozillar浏览器的BUG
if(xmlhttp.overrideMimeType){
xmlhttp.overrideMimeType("text/xml");
}
}else if(window.ActiveXObject){
var activeXName=["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
for (var i=0;i<activeXName.length;i++)
{
try{
xmlhttp=new ActiveXObject(activeXName[i]);
break;
}catch(e){
}
}
}
if(!xmlhttp){
alert("XMLHttpRequest对象创建失败！！");
return xmlhttp;
}else{
return xmlhttp;
}
}
function verifyXML()
{
// $.get('Ajax.aspx?name='+$('#UserName').val(),null,function(data){
// $('#result').html(data);
// });
// var userName=document.getElementById("UserName").value;
// createXMLHttpRequest();
// xmlhttp.onreadystatechange=callback;
//// xmlhttp.open("GET","Ajax.aspx?name="+userName,true);
// //异步方式下，这句话会立即执行
// //同步方式下，这句话会等到服务器数据发送回来时才执行
//// xmlhttp.send(null);
// xmlhttp.open("POST","XML.aspx",true);
// //使用POST方式必须指定HTTP头！
// xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
// xmlhttp.send("name=" + userName);
$.ajax({
type:"POST",
url:"XML.aspx",
data:"name="+$("#UserName").val(),
dataType:"xml",
success:callback
});
}
function callback(data)
{
var text=$(data).children().text(); //text()拼接多节点文本
$("#result").html(text);
}
// function callback()
// {
// //判断对象数据是否交互完成
// if(xmlhttp.readyState==4)
// {
// // 判断HTTP的交互是否成功
// if(xmlhttp.status==200)
// {
// var domObj=xmlhttp.responseXML;
// if(domObj)
// {
// var messageNodes=domObj.getElementsByTagName("message");
// if(messageNodes.length>0)
// {
// var textNode=messageNodes[0].firstChild;
// //var responseMessage=textNode.nodeValue;
// var responseMessage=textNode.data;
// var divNode=document.getElementById("result");
// divNode.innerHTML=responseMessage;
// }
// else
// {
// alert("解析失败！！" + xmlhttp.responseText);
// }
// }
// else
// {
// alert("解析失败！！" + xmlhttp.responseText);
// }
// }
// else
// {
// alert("出错了。");
// }
// }
// }
</script>
</head>
<body>
<p>
请您输入用户名：</p>
<input id="UserName" type="text" />
<input id="Submit" type="submit" value="提交" onclick="verifyXML()" />
<div id="result">
</div>
</body>
</html>
服务端：
protected void Page_Load(object sender, EventArgs e)
{
Response.Charset = "UTF-8";
Response.ContentType = "text/xml";
StringBuilder builder = new StringBuilder();
builder.Append("<message>");
if (Request["name"] != null)
{
string name = Request["name"].ToString();
if (name.Length == 0)
{
builder.Append("用户名不能为空。").Append("</message>");
}
else if (name.Equals("wxxslt"))
{
builder.Append("此用户名[" + name + "]已存在，请换个用户名注册！").Append("</message>");
}
else
{
builder.Append("您的用户名[" + name + "]可以注册！").Append("</message>");
}
Response.Write(builder.ToString());
}
else
{
builder.Append("用户名不能为空。").Append("</message>");
Response.Write(builder.ToString());
}
}
{
Response.Charset = "UTF-8";
Response.ContentType = "text/xml";
StringBuilder builder = new StringBuilder();
builder.Append("<message>");
if (Request["name"] != null)
{
string name = Request["name"].ToString();
if (name.Length == 0)
{
builder.Append("用户名不能为空。").Append("</message>");
}
else if (name.Equals("wxxslt"))
{
builder.Append("此用户名[" + name + "]已存在，请换个用户名注册！").Append("</message>");
}
else
{
builder.Append("您的用户名[" + name + "]可以注册！").Append("</message>");
}
Response.Write(builder.ToString());
}
else
{
builder.Append("用户名不能为空。").Append("</message>");
Response.Write(builder.ToString());
}
}
