您的位置：首页 > 其它

Ajax 基础示例

2011-12-07 17:01 190 查看

Ajax是基于javascript和HTTP请求。最大好处就是局部上传，而不是全局都上传，别的好处，或者还有什么不明白Ajax是干什么的话，请百度百科一下吧。如果有时间的话，我将整理一下，详细说一下。这里简略说了一下。给读者带来的不便，还请原谅。废话少说，这里开始！

第一步：我们首先做一个简单的登陆页面。首先建一个页面(loginAjax.aspx)代码如下：

<div>
 
用户名:<input id="loginname" type="text" runat="server" />
<br />
<br />
 密码：<input id="loginpwd" type="text"  runat="server"/>
<br />
<br />
 <input type="button" id="login" value="提交" onclick="change();" />
</div>

第二步：把我们下载的jquery包中的任意一个js文件引用过来例：

<head runat="server">
<title></title>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
</head>

第三步：我们在javascript脚本中写Ajax的一般格式：

<script type="text/javascript">
$(function () {
$("#login").click(function () {
$.ajax({
type: "get", //请求方式，分post和get两种
async: false, //请求异步，false为同步，true为异步
url: "loginajax.ashx?name=" + $("#loginname").val() + "&&pwd=" + $("#loginpwd").val() + "", //请求连接，即刚建的那个一般处理程序文件；
dataType: "text", //返回类型
success: function (msg) {
alert(msg);
}
});
});
});
</script>

第四步，也就是我们最后的一步，也是关键部分。我们添加一个一般处理程序文件，我们命名为：loginajax.ashx。里面也就是处理一些，我们登陆的时的信息匹配...代码如下：

<%@ WebHandler Language="C#" Class="loginajax" %>

using System;
using System.Web;
using System.Data.SqlClient;
using System.Data;

public class loginajax : IHttpHandler {

public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";

string loginname=context.Server.HtmlDecode(context.Request.QueryString["name"].ToString());
string loginpwd =context.Server.HtmlDecode(context.Request.QueryString["pwd"].ToString());
string msg = string.Empty;
//判断用户名是否为空
//如果为空就输出一个消息，否则检查用户名和密码是否匹配
if (loginname != "" && loginpwd != "")
{
SqlConnection con = new SqlConnection("server=192.168.1.7;database=FyShop;uid=sa;pwd=123456");
con.Open();
string sql = string.Format("select * from webuser where name='" + loginname + "'");
SqlCommand com = new SqlCommand(sql, con);
SqlDataReader sdr = com.ExecuteReader();
//判断输入的用户是否存在
if (sdr.Read())
{
string pwd = sdr["password"].ToString();
if (loginpwd == pwd)
{
msg = "登陆成功！！！";
}
else
{
msg = "用户密码输入错误，请重新输入！！！";
}
}
else
{
msg = "用户账号不存在，请重新输入或注册！！！";
}
}
else {
msg = "用户名或密码不能为空，请输入！！！";

}
context.Response.Write(msg);
}

public bool IsReusable {
get {
return false;
}
}

}

好了，ok！简单的这四个步骤，完成我们简单的示例。如有什么疑问，可留言询问我。我会尽我所能的，把我懂的给大家分享。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航