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的完整结构★★★★★的更多相关文章

  1. {Django基础七之Ajax} 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解)

    Django基础七之Ajax 本节目录 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解) 一 Ajax简介 ...

  2. {Django基础七之Ajax} 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解)

    {Django基础七之Ajax} 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解)   Django基础七之 ...

  3. WebForm.aspx 页面通过 AJAX 访问WebForm.aspx.cs类中的方法，获取数据

    WebForm.aspx 页面通过 AJAX 访问WebForm.aspx.cs类中的方法,获取数据 WebForm1.aspx 页面 (原生AJAX请求,写法一) <%@ Page Langu ...

  4. 【2017-06-06】Ajax完整结构、三级联动的制作

    一.Ajax完整结构 $.ajax({ url:"Main.ashx", data:{}, dataType:"json", type:"post&q ...

  5. WebForm.aspx 页面通过 AJAX 访问WebForm.aspx.cs类中的方法，获取数据(转)

    WebForm.aspx 页面通过 AJAX 访问WebForm.aspx.cs类中的方法,获取数据 WebForm1.aspx 页面 (原生AJAX请求,写法一) <%@ Page Langu ...

  6. 对jquery的ajax进行二次封装以及ajax缓存代理组件：AjaxCache

    虽然jquery的较新的api已经很好用了, 但是在实际工作还是有做二次封装的必要,好处有:1,二次封装后的API更加简洁,更符合个人的使用习惯:2,可以对ajax操作做一些统一处理,比如追加随机数或 ...

  7. 对jquery的ajax进行二次封装

    第一种方法: $(function(){ /** * ajax封装 * url 发送请求的地址 * data 发送到服务器的数据,数组存储,如:{"username": " ...

  8. Ajax完整结构和删除

    1.ajax完整结构 注意:(1)最后一个没有"," (2)ajax对网速要求高,最好有各种提示和使用按钮(可使其失效,防止重复加载) $.ajax({ url: "aj ...

  9. ajax完整结构

    $.ajax({ url:"服务器", data:{"key":所传数据}, type:"post", dataType:"jso ...

随机推荐

  1. sql产生随机数字

    第一种:select cast(ceiling(rand() * 10) as int)第二种:select cast(ceiling(rand(checksum(newid()))*10) as i ...

  2. FTP上传下载--python

    import socket import struct import json import subprocess import os class MYTCPServer: address_famil ...

  3. Path Creation and Path Painting

    [Path Creation and Path Painting] Path creation and path painting are separate tasks. First you crea ...

  4. asp.net hessian + android hessdroid

    做android开发时你还在为gson,json而人肉序列化与反序列化吗,上传文件时你还在使用UrlConnection或者HttpClient吗?下面提供了asp.net 服务端与 android ...

  5. git 回退到某个特定提交

    1.先用git log commit aba290c570d3894f4f39a1fdf52aa512c0231525 Author: huzhengbo <@qq.com> Date: ...

  6. Oracle学习笔记(一)

    用户与表空间 系统用户: 一.系统用户级别sys.system 最高级(sys级别高于system)sysman 操作企业管理器使用的scott 创始人之一的名字scott默认密码是tiger登录方法 ...

  7. Gym 101201G Maximum Islands (最大独立集)

    题意:给定一个图,L代表陆地,W代表水,C表示不确定,问你最多有多少岛. 析:首先给定的L周围必须是是W,只有这样才是最优的,因为如果是L,那么还得有另外的W来包围,不是最优的,那么剩下的就剩下C了, ...

  8. 递归，回溯和DFS的区别

    递归是一种算法结构,回溯是一种算法思想一个递归就是在函数中调用函数本身来解决问题回溯就是通过不同的尝试来生成问题的解,有点类似于穷举,但是和穷举不同的是回溯会“剪枝”,意思就是对已经知道错误的结果没必 ...

  9. 如何用word文档在博客里发表文章

    目前大部分的博客作者在用Word写博客这件事情上都会遇到以下3个痛点: 1.所有博客平台关闭了文档发布接口,用户无法使用Word,Windows Live Writer等工具来发布博客.使用Word写 ...

  10. 类数组对象 实参对象arguments

    先看实参对象arguments 之前对argument有点印象,知道它不是真正的数组,但也可以arguments[0]和arguments.length.今天详细的记录一下. js的默认行为:省略的实 ...