后台源代码
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="script/jquery-1.7.1.min.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<br />
<input id="txtuid" type="text" />
<input id="btn" type="button" value="检查" />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
</form>
<script type="text/javascript">
$(document).ready(function (e) {
$("#btn").click(function (e) {
//js取值
var uid=$("#txtuid").val();
//查数据库js实现不了,需要调用ajax({json 数据})
$.ajax({
//ajax w五个个参数必须写完整
url:"check.aspx", //处理页面处理数据连接数据库 ,在同一页面直接用,否则要有相对路径
type: "POST",//数据提交方式 GET POST区别不是很大,但是get存取的值长度小显示不全form表单method=get时浏览器地址栏显示值,如果是post地址栏看不到uid pwd 的值
data: { uid: uid },//要传输的数据 JSON格式 key :value 传值的的时候直接找key
datatype:"TEXT",//返回的数据格式 有 TEXT JSON XML 三种数据
success: function (data) {// 回调函数 表示调用成功
alert(data);//data值是成功后返回的值
}
})
})
})
</script>
</body>
</html>
check.aspx 界面
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class check : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
//去除AJAX穿过来的值
string uid = Request["uid"].ToString();
//操作数据库
TextDataContext context = new TextDataContext();
var query = context.Login.Where(p => p.UserName == uid);
if (query.Count() > 0)
{
Response.Write("该用户已存在");
}
else
{
Response.Write("该用户可以使用!");
}
Response.End();
}
}