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. 怎样在Windows与Centos下的Linux间共享文件，如果mnt文件夹不显示，可能是mnt缺少共享支持

    mnt中的hgfs文件夹就是Linux系统中挂载共享文件的默认文件夹.有的人按步骤共享之后mnt中没有出现共享的文件,可能是因为你的mnt缺少共享支持. 此时可以在Terminal中输入:sudo m ...

  2. ubuntu 出来菜单栏和任务栏

    http://blog.csdn.net/terence1212/article/details/51340595 命令行输入:sudo apt-get install compizconfig-se ...

  3. [Training Video - 6] [File Reading] [Groovy] Reading Properties file

    Reading Properties file : Properties prop = new Properties() def path = "D:\\SoapUIStudy\\appli ...

  4. abp AutoMap Custom Mapping

    [DependsOn(typeof(AbpAutoMapperModule))] public class MyModule : AbpModule { public override void Pr ...

  5. Mybatis的select查询的三种方式

    1.首先建立一个测试的dao public interface IStudentDao { // 根据姓名查询 List<Student> selectStudentsByName(Str ...

  6. linux源码安装php7.2.0

    1. 源码包下载地址 2. 解压php压缩包 tar –zxvf php-7.2.0.tar.gz 3. 进入解压后的 cd php7.2.0 4.安装php需要的扩展 yum install lib ...

  7. 项目中使用WCF替换asmx Web service总结

    以前项目解决方案中,用http协议的asmx Web service作服务器数据访问入口,在SoapHeader中写入用户名和加盐密码进行身份认证. http asmx服务是明文传输,传输过程中数据很 ...

  8. Area Learning

    Area Learning区域学习 How it works它是如何工作的 With Motion Tracking alone, the device tracks its movement and ...

  9. EventBus事件总线框架（发布者/订阅者模式，观察者模式）

    一. android应用内消息传递的方式: 1. handler方式-----------------不同线程间传递消息. 2. Interface接口回调方式-------任意两个对象. 3. In ...

  10. 记那些年在asp.net mvc上挖过的坑

    表现: IDE是vs2017.是在 A 控制器方法断点后,却怎么也运行不到那个位置,但是又正常返回页面.该方法位于web项目引用的控制器类库上的一个控制器,试过它隔壁的控制器,一切正常. 但每次访问该 ...