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 Binder机制中的异步回调
“Binder通信是同步而不是异步的”,但是在实际使用时,是设计成客户端同步而服务端异步. 看看Framwork层的各service类java源码便会知道,在客户端调用服务端的各种方法时,通常会传递一 ...
- spring-cloud配置ribbon负载均衡
spring-cloud配置ribbon负载均衡 ribbon提供的负载均衡就是开箱即用的,简单的不能再简单了 为了顺利演示此demo,你需要如下 需要提前配置eureka服务端,具体看 https: ...
- Python 面向对象的进阶
类的成员 类的成员可以分为三大类 : 字段 , 方法 和 属性 注 : 所有的成员中,只有普通字段的内容保存对象中, 即 : 根据此类创建了对象,在内存就有多少个普通字段. 而其他的成员,则 ...
- popup功能
urls: #!/usr/bin/env python3 # -*- coding: utf-8 -*- from django.conf.urls import url from chapter01 ...
- leetcode804
int uniqueMorseRepresentations(vector<string>& words) { map<char, string> st; st.ins ...
- [原创]Mybatis特殊值Enum类型转换器-ValuedEnumTypeHandler
引言 typeHandlers 阅读官方文档 typeHandlers 一节{:target="_blank"} MyBatis 在预处理语句(PreparedStatement) ...
- PHP 乘法口诀表
echo "乘法口诀表<br>"; for($i=1;$i<10;$i++) { for ($j = 1; $j <= $i; $j++) printf(& ...
- struct 方法使用
struct _Worker { _Worker() { pWokerbase=NULL; hThread=INVALID_HANDLE_VALUE; pListConn=NULL; } struct ...
- CSV Format
[CSV Format] The comma separated values format (CSV) has been used for exchanging and converting dat ...
- SQL2005 异常处理机制(Begin try Begin Catch)
将可能会出错的sql 写在begin try...end try 之间,若出错,刚程序就跳到紧接着的begin try...end try 的beign catch...end catch中,执行be ...