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 ...
随机推荐
- 大楼轮廓 · building-outline
[抄题]: 水平面上有 N 座大楼,每座大楼都是矩阵的形状,可以用一个三元组表示 (start, end, height),分别代表其在x轴上的起点,终点和高度.大楼之间从远处看可能会重叠,求出 N ...
- Photoshop中的高斯模糊、高反差保留和Halcon中的rft频域分析研究
在Halcon的rft变换中,我们经常可以看到这样的算子组合: rft_generic (Image, ImageFFT2, 'to_freq', 'none', 'complex', Width) ...
- [SoapUI]怎样获取隐藏元素的文本内容Get text of hidden element
隐藏元素无法通过gettext()获取其文本内容,须用javascript来获取 String actualDataPointName = (String) ((JavascriptExecutor) ...
- centos环境下创建数据库和表的方法
centos环境下创建数据库和表的方法 //查询数据库的命令: mysql> SHOW DATABASES; +--------------------+ | Database ...
- Gym 101201H Paint (离散化+DP)
题意:给定 n 个区间,让你选出一些,使得每个选出区间不交叉,并且覆盖区间最大. 析:最容易想到的先是离散化,然后最先想到的就是 O(n^2)的复杂度,dp[i] = max(dp[j] + a[i] ...
- DE0-Nano-SoC开发板诡异的电源电路方案设计分析
这些日子一直在设计自己的Cyclone V SoC开发板,由于我们这种散兵游勇,是断然没有厂家和代理技术支持的,因此只能找各种现成方案参考.其实Cyclone V SoC芯片的外围电路设计不难,无非就 ...
- shell 脚本 随机抽取班上学生
#!/bin/bash # jw=('王浩' '谢云生' '黄科杨' '何星宇' '张宸兵' '邓培林' '刘桃' '杨沛东' '楚齐文' '咸鱼' '杨东' '>黄庭辉' '郑少文' '师靖' ...
- TestNG(一)——起步
你可以从 http://testng.org/doc/documentation-main.html 获取信息. 一.简介 TestNG是test next generation的缩写,即下一代测试技 ...
- Firefox mobile (android) and orientationchange
Firefox for Android does not support the orientationchange event but you can achieve the same result ...
- elasticsearch不能使用root启动问题解决
问题: es安装好之后,使用root启动会报错:can not run elasticsearch as root [root@iZbp1bb2egi7w0ueys548pZ bin]# ./elas ...