一个简单的jquery+ajax的例子

最新推荐文章于 2022-03-07 20:58:53 发布

原创最新推荐文章于 2022-03-07 20:58:53 发布 · 3.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #ajax #string #function #cache #url

c#.net 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个简单的示例，使用jQuery AJAX实现在用户输入用户名时进行实时验证，检查该用户名是否已被注册。通过将jQuery与ASP.NET结合，实现了前端与后端的有效交互。

jquery中提供了更好使用ajax的方法，下面的小例子实现注册时即时验证用户名是否已经存在。

首先是reg.aspx页面代码(只贴出一部分jquery代码、省去表单勒)

jQuery(function(){ $("#txtname").blur(function(){ var uname = $.trim($("#txtname").val()); $.ajax({ url:"ajax/reg.ashx", data:{username:uname}, cache:false, success:function(data){ if(data == "1"){ alert("成功！"); }else{ alert("失败"); } } }) }) });

然后是reg.ashx里的代码

public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/plain"; string username = context.Request.QueryString["username"]; string value = ifUserNameExists(username) ? "1" : "0"; context.Response.Write(value); } /// <summary> /// 判断用户名是否存在。 /// </summary> /// <param name="username"></param> /// <returns></returns> public bool ifUserNameExists(string username) { bool flag = false; string strSQL = "select count(userid) from userlist where username = '" + username + "'"; int i = SqlHepler.ExecSqlreturnScalar(strSQL); if (i > 0) { flag = true; } return flag; } public bool IsReusable { get { return false; } }