ajax 判断账户密码 调取数据模糊查询 时钟
一.判断账户密码
《Login.html》
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="Script/jquery.js"></script>
<script language="javascript">
$(document).ready(function () {
$("#Submit1").click(function () {
//点击 获取 txtUID txtPWD 的值
var u = $("#txtUID").val();
var p = $("#txtPWD").val(); //send request
$.ajax({
url: "Login.aspx",
//将获取的值 传入login.asox
//data(name,值)
data:{uid:u,pwd:p},
type:"POST",
dataType:"Text",
success: function (data) {
//接受传过来的值 判断数据 是否存在
if (data == "1") { //登录成功
$("#d1").css("display", "none");
$("#d2").css("display", "block");
$("#ss").text(u);
}
else { //登录失败
alert("错了");
}
}
}); return false;
}); }); </script>
<meta charset="utf-8" />
</head>
<body> <form id="f1" action="Login.aspx" method="get">
<div id="d1">
账号:<input name="txtUID" id="txtUID" type="text" /><br />
密码:<input name="txtPWD" id="txtPWD" type="text" /><br />
<input id="Submit1" type="submit" value="提交" />
</div>
<div id="d2" style="display:none;">
欢迎您,<span id="ss"></span>
</div>
</form>
</body>
《Lojin.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 Login : System.Web.UI.Page
{
string[] u = { "aaa","bbb","ccc"};
string[] p = { "aaa", "bbb", "ccc" };
protected void Page_Load(object sender, EventArgs e)
{
string uid = Request["uid"].ToString();
string pwd = Request["pwd"].ToString();
//string uid = Request.QueryString["txtUID"].ToString();
//string pwd = Request.QueryString["txtPWD"].ToString();
//string uid = Request.Form["txtUID"].ToString();
//string pwd = Request.Form["txtPWD"].ToString();
//Response.Write(uid+"<br>"+pwd);
//contains 包含关系
if (u.Contains(uid) == true && p.Contains(pwd))
{
Response.Write("1");
}
else
{
Response.Write("0");
}
Response.End();
}
}
二.调取数据模糊查询
《Shownation.html》
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="Script/jquery.js"></script>
<script language="javascript">
$(document).ready(function () {
$("#b").click(function () {
//取文本框的值
var s = $("#n").val();
//查询显示
$.ajax({
url: "Shownation.ashx",
data: {name:s},
type: "GET",
dataType: "XML",
success: function (data) {
var cars = $(data).find("car");
$.each(cars, function (key,value) {
//解析XML
var code = $(value).attr("code"); //读属性
var name = $(value).find("name").text(); //读子元素
var prod = $(value).find("prod").text();
var brand = $(value).find("brand").text();
var price = $(value).find("price").text();
//显示在界面上 Html
var s = "<tr>"
s += "<td>" + code + "</td>";
s += "<td>" + name + "</td>";
s += "<td>" + prod + "</td>";
s += "<td>" + brand + "</td>";
s += "<td>" + price + "</td>";
s += "</tr>"; $("#dd").append(s);
});
//for (var i = 0; i < cars.length; i++) {
// //解析XML
// var code = $(cars).eq(i).attr("code"); //读属性
// var name = $(cars).eq(i).find("name").text(); //读子元素
// var prod = $(cars).eq(i).find("prod").text();
// var brand = $(cars).eq(i).find("brand").text();
// var price = $(cars).eq(i).find("price").text();
// //显示在界面上 Html
// var s = "<tr>"
// s += "<td>" + code + "</td>";
// s += "<td>" + name + "</td>";
// s += "<td>" + prod + "</td>";
// s += "<td>" + brand + "</td>";
// s += "<td>" + price + "</td>";
// s += "</tr>"; // $("#dd").append(s);
//} }
});
});
});
</script>
<meta charset="utf-8" />
</head>
<body>
<div>
名称:<input type="text" name="n" id="n" /> <input type="button" value="查询" name="b" id="b" />
<table id="dd" border="1" width="100%"></table> </div>
</body>
《Shownation.ashx》
<%@ WebHandler Language="C#" Class="Shownation" %> using System;
using System.Web;
using System.Linq;
using System.Data.Linq;
public class Shownation : IHttpHandler {
private MyDataDataContext _Context = new MyDataDataContext();
public void ProcessRequest (HttpContext context)
//加载的时候 加载context 操作时 context 打头
{
string n = context.Request["name"].ToString();
//判断出入是否 包含
var query = _Context.car.Where(p => p.name.Contains(n));
//Html"<?xml version='1.0'?>"
context.Response.Write("<?xml version='1.0'?>");
context.Response.Write("<root>");
foreach (car data in query)
{//foreach 便利数据库 一条条 构建
context.Response.Write("<car code='"+data.code+"'>");
context.Response.Write("<name>"+data.name+"</name>");
context.Response.Write("<prod>"+data.brand1.productor.prod_name+"</prod>");
context.Response.Write("<brand>"+data.brand1.brand_name+"</brand>");
context.Response.Write("<price>"+data.price+"</price>");
context.Response.Write("</car>");
}
context.Response.Write("</root>");
context.Response.End();
} public bool IsReusable {
get {
return false;
}
} }
三.时钟
《Third.aspx》
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="Script/jquery.js"></script>
<script language="javascript">
ShowTime(); function ShowTime() {
//...
//alert("aaaa");
$.ajax({
url: "Second.aspx",
data: {},
type: "POST",
dataType: "Text",
success: function (data) {
$("#Label1").text(data);
}
});
window.setTimeout("ShowTime()", 1000);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Label ID="Label1" runat="server" Font-Bold="True" Font-Size="42pt" ForeColor="Red"></asp:Label>
</div>
</form>
</body>
《Second.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 Second : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
Response.Write(DateTime.Now.ToString());
Response.End();
}
}
ajax 判断账户密码 调取数据模糊查询 时钟的更多相关文章
- 整合hibernate的lucene大数据模糊查询
大数据模糊查询lucene 对工作单使用 like模糊查询时,实际上 数据库内部索引无法使用 ,需要逐条比较查询内容,效率比较低在数据量很多情况下, 提供模糊查询性能,我们可以使用lucene全文 ...
- jquery select 列表 ajax 动态获取数据 模糊查询 分页
最近需要一个这样的select 在网上找的多是数据一次性获取到再通过前端模糊查询匹配的 这样在数据量比较大的情况下不适合 ,所以参考http://www.jq22.com/jquery-info145 ...
- Mysql里查询字段为Json格式的数据模糊查询以及分页方法
public void datagrid(CustomFormEntity customForm,HttpServletRequest request, HttpServletResponse res ...
- 对一个表中所有列数据模糊查询adoquery
如何用adoquery对一个表中所有列进行模糊查询: procedure TForm3.Button4Click(Sender: TObject); var ASql,AKey: string; I: ...
- PHP二维数据排序,二维数据模糊查询
一.因为项目中的一个报表需要合并三个表的数据,所以分表查询再合并数据,利用PHP数组函数进行排序,搜索.三表合并后的数组结构如下: Array ( [0] => Array ( [history ...
- Springmvc+Myabtis+Ajax实现异步分页emp+dept(全部查询及模糊查询)
1.在项目中创建如下目录 2.创建实体类Dept package com.entity; import java.io.Serializable; /** * 部门表 * @author Admini ...
- jeecg下实现自动默认模糊查询
也许jeecg的作者深受SAP毒害吧,没考虑到广大使用JEECG的人群为SAP用户,及所开发的项目均为中小项目,无惧大数据模糊查询带来的功能影响. 经网友“&&康&&& ...
- AJAX基本操作 + 登录 + 删除 + 模糊查询
AJAX练习显示页面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// ...
- ajax实现模糊查询完成列表信息显示
之前遗留一个老问题:列表模糊查询,用的直接是form提交,点击搜索按扭后,页面刷新,搜索框中关键词就没了,这鸡肋的体验,我发誓一定要搞定它 但是鉴于自己写代码是纯粹玩票,我写代码没有目标,只有在当前工 ...
随机推荐
- android签名生成和发布
首先,我们需要一个keystore,当然已经有了的话就不用这一步了:cmd下:进入到jdk的bin目录,这样的话,android.keystore文件就会生成在这个目录下,签名的时候我们需要这个文件C ...
- The java.util.concurrent Synchronizer Framework笔记
这篇笔记是关于 Doug Lea 的 The java.util.concurrent Synchronizer Framework . 原文地址:http://gee.cs.oswego.edu/d ...
- java代码把字母转换大小写、、、、
总结:从键盘输入多少次,就用for循环控制.这些需要输入的数据都放在循环内部,否则不会执行多次. package com.aaa; import java.util.Scanner; //大小写字母的 ...
- Java-Maven-Runoob:Maven 插件
ylbtech-Java-Maven-Runoob:Maven 插件 1.返回顶部 1. Maven 插件 Maven 有以下三个标准的生命周期: clean:项目清理的处理 default(或 bu ...
- kali下启动postgresql
1.service postgresql start 2.su postgres 3.psql
- DoDataExchange函数,UpdateData(TRUE)和UpdateData(FALSE)的区别
MFC控件(暂时为Edit控件)与数据的绑定,变量值可以在界面和后台之间传递. 我们在DoDataExchange(CDataExchange* pDX) 函数里,实现了MFC控件和变量的绑定. 若 ...
- Metasploit自动化脚本Ezsploit
打开文件夹并赋予权限 ┌─[root@sch01ar]─[~] └──╼ #cd /sch01ar/ezsploit/ && ls ezsploit.sh README.md ┌─[r ...
- 自定义条件判断两对象相等Equals的方法
自定义两对象是否相等方法,必须用到GetHashCode方法,如 public class AirspaceCompareByUUID : IEqualityComparer<AIRSPACE_ ...
- list map set 集合的区别
Java中的集合包括三大类,它们是Set.List和Map,它们都处于java.util包中,Set.List和Map都是接口,它们有各自的实现 类.Set的实现类主要有HashSet和TreeSet ...
- Maven+Mybatis+Spring+SpringMVC实现分页查询
转载:http://www.cnblogs.com/zhangtan/p/5846955.html 一.项目搭建 关于项目搭建,小宝鸽以前写过一篇Spirng+SpringMVC+Maven+Myba ...