做了这么久的程序,用jQuery框架还是第一次哦,例子虽然简单,不过,麻雀虽小,什么都全嘛!有个思路就好扩展了!
开始吧!
(一)index.aspx(html代码)
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
<!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 runat="server">
<title>无标题页</title>
<script language ="javascript" type="text/javascript" src="js/jquery-1[1].3.2.js"></script>
<script language ="javascript" type="text/javascript" >
$(document).ready(function(){
$("#Button1").click(function(){
myLogin();
});
});
function myLogin()
{
if(IsValidate()==true)
{
$.post("text.aspx",{Action:"post",userID:$("#TextBox1").val(),userPwd:$("#TextBox2").val()}
,function(aa,textStatus){
//alert(aa.name);
$("#mydiv").html(aa.qq);
},"json" );
}
}
function IsValidate()
{
if($("#TextBox1").val()=="")
{
alert("用户名不能为空!");
$("#TextBox1").focus();
return false;
}
if($("#TextBox2").val()=="")
{
alert("密码不能为空!");
$("#TextBox2").focus();
return false;
}
return true;
}
</script>
</head>
<body>
<form id="form1" runat="server">
用户名:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<br />
密码:<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
<br />
<input id="Button1" type="button" value="提交" /></form>
<div id="mydiv"></div>
</body>
</html>
(二)处理页(text.aspx)
protected void Page_Load(object sender, EventArgs e)
{
string reVal = "";
string userID = Request["userID"];
string userPwd=Request["userPwd"];
if (userID == "chenqiao" && userPwd == "chenqiao")
{
reVal = "result:'success'";
}
else
{
reVal = "result:'fail',name:'chenqiao',qq:'sdfkas;dfkas;df<p>asdfasd</p>'";
}
Response.ContentType = "application/json";
Response.Write("{"+reVal+"}");
Response.End();
}