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. Orientation of phone Image

    相机拍摄的图像方向问题 Description 很多时候,我们习惯把手机相机拍摄的图像在电脑上面查看.有的时候在手机上面看图像是正的,可是电脑端查看是反的:有的时候手机和电脑都是反的:有的时候都是正的 ...

  2. TLB与内存寻址,内存读取,虚拟内存的相关原理

    TLB(Translation Lookaside Buffer)转换检测缓冲区是一个内存管理单元,用于改进虚拟地址到物理地址转换速度的缓存. TLB是一个小的,虚拟寻址的缓存,其中每一行都保存着一个 ...

  3. [SoapUI]怎样获取上一个Test Step的名字

    def currentStepInd = context.currentStepIndex def previousStep = testRunner.testCase.getTestStepAt(c ...

  4. android4.2 高用zing拍照后，返回其它页面操作时，主线程关掉或程序退出的问题解决

    产生错误的代码: @Override protected void onCreate(Bundle savedInstanceState) { StrictMode.setThreadPolicy(n ...

  5. 模拟在table中移动鼠标，高亮显示鼠标所在行，固定表头

    <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Conten ...

  6. deploy: [mkdir] Created dir: C:\Program Files\Java\apache-cxf-2.4.2\samples\java_first_pojo\build [loadfile] Do not set property srcbuild.classpath as its length is 0.

    使用CXF的错误,错误是说我的路径有错误,因为路径错误所以无法运行程序 (1)原因,我将其放入了Program Files文件夹下,所以,其不好使 分析原因: 目录路径错误,目录中不能有空格,否则其解 ...

  7. Hadoop中Comparator原理

    在前面的博文<Hadoop中WritableComparable 和 comparator>中,对于WritableComparator说的不够细致,下面说说具体的实现原理! 1.Writ ...

  8. （转）【经验之谈】Git使用之TortoiseGit配置VS详解

    原文地址:http://www.cnblogs.com/xishuai/p/3590705.html 前言 上一篇<[经验之谈]Git使用之Windows环境下配置>: 安装 配置和使用 ...

  9. Google Tango Java SDK开发：Motion Tracking 运动追踪

    Java API Motion Tracking Tutorial运动追踪教程 This page describes how the Java API handles motion tracking ...

  10. POJ1789 Truck History 2017-04-13 12:02 33人阅读 评论(0) 收藏

    Truck History Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 27335   Accepted: 10634 D ...