03-22 Ajax验证用户登录

在网页中一般是通过表单提交数据，而表单获取信息，抛弃当前页面重新加载一个新页面。

现在，在webform网页中可以通过JueryAjax提交、处理数据的方式，达到异步刷新页面。

表单提交数据和JueryAjax提交数据的区别：

表单	表单获取信息，抛弃当前页面重新加载一个新页面。（只把数据提交出去）
JueryAjax	提交数据，发送出去，再获取数据，更新信息，不刷新页面。（提交出去并反馈回来）

以验证用户名是否重复为例：

在Html中写函数：

document.ready{}:整个页面加载完了触发函数内容
$document.ready(
{
function ()//获取一下文本框的值
{
$("#TextBox1").blur(function())//blur当鼠标点击或离开的时候触发
{
var txt=$(this).val();//this代表当前的元素，在哪个元素的事件中写，就代表哪个元素
}
var txt = $("#TextBox1")//CSS选择器获取元素
var txt=$("#TextBox1").val();//html获取元素的值在val中；在cs中获取元素的值是在value中
//通过超链接把数据提交出去，反馈回来
//如何使用Ajax把文本框的值发送出去
$.ajax({
url:"CheckuserName.aspx";//超链接传的参数
type:"";//以什么样的方式传送数据
data:{id:txt},//把用户名传送出去
datatype:"xml";//反馈回的数据类型
success function(data)//这里的data是返回的xml的信息，不同于上面的data，这里的data可以更改名称
{
var co=$(data).find("count").text();//怎么样获取返回的变量
alert(co);//alert执行输出，获取数值（经常用）
if(parseInt(c)==0)
{
$("Label1").html();
var lb1=document.getElementById("Label1");
lb1.innerHtml="对";
}
else
{
$("Label1").html("已有此用户");
}
}
})

}
})

在Dafualt2.aspx的Page_Load中：

在page_load中：

private DataClassesDataContext _Context;
protected void Page_Load(object sender, EventArgs e)
{

连接数据库
_Context = new DataClassesDataContext();

string uid= request["id"].tostring ();//验证一下id
int count=_Context.Login.Where(r=>r.username==uid).count();//从数据库中查询
response.write("<?xml.version='1.0'?>");//返回数据，往页面输出
response.write("<count>"+count+"</count>");//xml可以自己做出标签，html是现有的标签
response.close();
XML也是一种标记语言，标记内容的作用
以<?xml.version='1.0'?>的格式，代表这是XML的文件，解析的时候就默认是Xml的文档

}