C#-WebForm-AJAX阿贾克斯(二)★★★★★ajax的完整结构★★★★★
ajax完整结构:
$.ajax({
url:"",//服务器路径
data:{},//给服务端传递的参数,可以没有,也可以是多个
type:"post", //传递参数的方式,可post可get
dataType:"json",//数据传递的格式,有json和xml两种
success:function(data){},//成功返回执行这里,顺序为2
beforeSend:function(){},//数据发送前执行此方法,一触发ajax就触发此方法,顺序为1
complete:function(){},//数据返回后执行此方法,不管成功或失败,顺序为3
error:function(){}//服务器路径错误、或是服务器数据错误,走这里报错
//success 和 error 只会执行其中一个
});
======================================================
ajax完整的登录
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="Login" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="js/jquery-1.7.2.min.js"></script>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
用户名:<input type="text" id="txt1" />
<br />
密码:<input type="text" id="txt2" />
<br />
<span id="sp1" style="color: green;">请输入用户名和密码!</span>
<br />
<input type="button" id="btn1" value="登录" style="width: 130px; height: 40px;" />
</div>
</form>
</body>
</html> <script>
document.getElementById("btn1").onclick = function () {
var btn_login = document.getElementById("btn1");
var sp_login = document.getElementById("sp1");
var uname=document.getElementById("txt1");
var pwd=document.getElementById("txt2"); if(uname.value.trim().length> && pwd.value.trim().length>)
{
$.ajax({
url: "../ajax/Login.ashx",
data: {"uname":uname.value,"pwd":pwd.value},
type: "post",
dataType: "json",
success: function (rt) {
if (rt.has == "") {
window.location.href = "MainFace.aspx";
sp_login.innerHTML = "登录成功!正在跳转...";
btn_login.value = "跳转中...";
}
else {
btn_login.removeAttribute("disabled");
sp_login.style.color = "red";
sp_login.innerHTML = "用户名或密码错误!请重新输入!";
btn_login.value = "登录";
}
},
beforeSend: function () {
btn_login.disabled = "disabled";
sp_login.style.color = "green";
btn_login.value = "登录中...";
},
error: function () {
btn_login.removeAttribute("disabled");
sp_login.style.color = "red";
sp_login.innerHTML = "数据库连接异常!";
btn_login.value = "登录";
} });
}
else
{
sp_login.style.color = "red";
sp_login.innerHTML = "用户名或密码不能为空!";
}
};
</script>
C#-WebForm-AJAX阿贾克斯(二)★★★★★ajax的完整结构★★★★★的更多相关文章
- {Django基础七之Ajax} 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解)
Django基础七之Ajax 本节目录 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解) 一 Ajax简介 ...
- {Django基础七之Ajax} 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解)
{Django基础七之Ajax} 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解) Django基础七之 ...
- WebForm.aspx 页面通过 AJAX 访问WebForm.aspx.cs类中的方法,获取数据
WebForm.aspx 页面通过 AJAX 访问WebForm.aspx.cs类中的方法,获取数据 WebForm1.aspx 页面 (原生AJAX请求,写法一) <%@ Page Langu ...
- 【2017-06-06】Ajax完整结构、三级联动的制作
一.Ajax完整结构 $.ajax({ url:"Main.ashx", data:{}, dataType:"json", type:"post&q ...
- WebForm.aspx 页面通过 AJAX 访问WebForm.aspx.cs类中的方法,获取数据(转)
WebForm.aspx 页面通过 AJAX 访问WebForm.aspx.cs类中的方法,获取数据 WebForm1.aspx 页面 (原生AJAX请求,写法一) <%@ Page Langu ...
- 对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache
虽然jquery的较新的api已经很好用了, 但是在实际工作还是有做二次封装的必要,好处有:1,二次封装后的API更加简洁,更符合个人的使用习惯:2,可以对ajax操作做一些统一处理,比如追加随机数或 ...
- 对jquery的ajax进行二次封装
第一种方法: $(function(){ /** * ajax封装 * url 发送请求的地址 * data 发送到服务器的数据,数组存储,如:{"username": " ...
- Ajax完整结构和删除
1.ajax完整结构 注意:(1)最后一个没有"," (2)ajax对网速要求高,最好有各种提示和使用按钮(可使其失效,防止重复加载) $.ajax({ url: "aj ...
- ajax完整结构
$.ajax({ url:"服务器", data:{"key":所传数据}, type:"post", dataType:"jso ...
随机推荐
- C#的链表操作[数据结构-线性表]
链式存储结构图解: 上图中,a1,是数据,紧跟着后面的d1是下一个节点的地址值.也就是一个节点的最后存储的是下一个节点的地址值,最后一个节点的存储的下一个地址值是null,代表链表结束. 1,定义链表 ...
- BurpSuite安装和配置
Burp Suite是什么 Burp Suite 是用于攻击web 应用程序的集成平台.它包含了许多Burp工具,这些不同的burp工具通过协同工作,有效的分享信息,支持以某种工具中的信息为基础供另一 ...
- 深海划水队项目----七天冲刺之day3
上完选修后的站立式会议: 工作进度 昨天已完成的工作: 推进开发进度,进一步理清开发思路. 今天计划完成的工作: 生成游戏块的类,其中包括7种不同的游戏块,每个游戏块又可以通过旋转得到另外一种形态. ...
- 咏南BS开发框架
咏南BS开发框架 开发工具为:DELPHI 2006及以上版本.欢迎索取演示. 通用的三级权限管理. 登录验证 输入帐号和密码验证登录系统. 功能菜单 在这里设置好菜单,系统运行的时候会根据菜单设置动 ...
- The J-Link hardware debugging Eclipse plug-in
Quicklinks If you already know what are the features of the new plug-in and just want to know how to ...
- GlusterFS 一
GlusterFS 一 1 安装源 yum install centos-release-gluster312.noarch 列出所有可用安装包yum list gluster* 安装glusterf ...
- Firefox mobile (android) and orientationchange
Firefox for Android does not support the orientationchange event but you can achieve the same result ...
- Centos7下修复 视频播放器(先 安装VLC视频播放器)
用最新的CentOS7发现没有视频播放器,于是在http://pkgs.org/上查找,发现了nux dextop仓库上有, 于是到他的官网上http://li.nux.ro/repos.html查了 ...
- (转)可以一同使用 DISTINCT 和 COUNT 关键词,来计算非重复结果的数目。
点击收看
- ES6学习之const声明常量的学习
在ES中const关键字用来声明常量,const声明的一经定义不能修改 和let特性差不多, ; console.log(a); a = ; //报错 const定义完常量后必须赋值,后面不允许再次赋 ...