jQuery 学习笔记四 Ajax提交数据

使用Ajax实现用户注册功能

最新推荐文章于 2025-09-10 16:16:57 发布

最新推荐文章于 2025-09-10 16:16:57 发布 · 111 阅读

文章标签：

#javascript #ui #ViewUI

本文介绍了如何通过AJAX和$.post方法实现用户注册功能，包括前端数据采集和后端验证处理。

<p>1.采用$.post提交数据</p>
<p>新建页面Reg.htm与reg.aspx，其中html用作采集数据的UI，aspx页面用来提供ajax后台调用方法</p>
<p></p>
<p>html代码</p>
<p><textarea cols="86" rows="11" name="code" class="javascript"> <mce:script src="Scripts/jquery-1.4.1.js" mce_src="Scripts/jquery-1.4.1.js" type="text/javascript"></mce:script>
<mce:script language="javascript" type="text/javascript"></mce:script></textarea></p>
<p>aspx后台代码</p>
<p><textarea cols="86" rows="15" name="code" class="c-sharp"> protected void Page_Load(object sender, EventArgs e)
{
if (Request.Form["ajax"]!=null)
{
RegUser(Request.Form["userName"], Request.Form["pwd"]
, Request.Form["qq"], Request.Form["email"], Request.Form["phone"], Request.Form["mobile"]);
}
}
private string RegUser(string userName,string pwd,string qq,string email,string phone,string mobile)
{
try
{
DataClasses1DataContext _DataClasses1DataContext = new DataClasses1DataContext();
UserInfo userInfo = new UserInfo();
userInfo.UserName = userName;
userInfo.Password = pwd;
userInfo.QQ = qq;
userInfo.Email = email;
userInfo.Phone = phone;
userInfo.Mobile = mobile;
var user= _DataClasses1DataContext.UserInfo.Where(m=>m.UserName==userName).FirstOrDefault();
if (user != null)
{
return "1|用户名已存在";
}
else {
_DataClasses1DataContext.UserInfo.InsertOnSubmit(userInfo);
_DataClasses1DataContext.SubmitChanges();
return "0|注册成功";
}

}
catch (Exception ex)
{
return "-1|"+ex.ToString();
}

}
</textarea></p>
<p></p>