后台源代码
<%@ 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();
}
}