<1>

$.post(url,[data],[callback],[type]) 第一个参数是地址，第二个参数是一个参数传递。第三个参数是一个回调函数。參数是请求返回数据的类型

//一个ajax的Post请求

    function submitInfo() {

        $(".warn").hide(); //刚提交的时候隐藏错误的信息

        var data = $("#formData").serialize(); //将表单的数据通过序列化表单值，创建 URL 编码文本字符串。

形成一个表单元素集合的 jQuery 对象

        $.post("/login/checkLoginInfo", data, function (ajaxObj) { //将数据提交到login控制器下的CheckLOginInfo方法。參数是data。  假设请求成功。function就是请求成功时运行的回调函数。ajaxObj是checkLoginInfo方法的返回数据

            //回传内容{status: 1(success)/0(fail),}

            if (ajaxObj.status == 0 || status == null) { //假设返回状态为0或者为null

                $(".warn").show(); //将错误信息显示出来

            } else {

                //登陆成功。跳转都制定页面

                window.location = '/HotelList/Index';

            }

        }, "json"); //这里是第四个參数，这里设置了获取数据的类型，所以得到的数据格式为json类型的

    }

<2>

注意这条语句的參数。与回调函数 loginFinish 与上面条$.Post()请求的差别

$.post("/ajax/UserLogin.ashx",

                    { "username": username, "password": password },

                    loginFinish);

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

    <link href="/css/ui-lightness/jquery-ui-1.8.2.custom.css" rel="stylesheet" type="text/css" />

    <script src="/js/jquery-1.4.2.js" type="text/javascript"></script>

    <script src="/js/jquery-ui-1.8.2.custom.js" type="text/javascript"></script>

    <script type="text/javascript">

        //向服务器请求当前登录状态。然后切换登录区域的显示

        var checkLogin = function () {

            $.post("/ajax/CheckLogin.ashx", function (data) {

                var strs = data.split("|");

                if (strs[0] == "no") {

                    //alert("木有登陆");

                    $("#divLoginArea").show(); //假设没有登陆就显示"登陆"

                    $("#divLoginOutArea").hide(); //隐藏"注销"

                }

                else {

                    //切换“登录”、“注销”的两个层

                    $("#divLoginArea").hide(); //隐藏"登陆"

                    $("#divLoginOutArea").show(); //显示 "注销"

                    $("#spanUserName").text(strs[1]);//把当前登录username显示出来

                }

            });

        }

        var loginFinish = function (data) {  //这是一个回调函数

            if (data == "ok") {

                //alert("成功");

                $("#divLogin").dialog("close"); //登录成功关闭窗体

                checkLogin();//登录成功。刷新登录区域的显示

            }

            else {

                alert("username密码错误");

            }

        };

        $(function () {

            $("#btnShowLoginDlg").click(function () {

                $("#divLogin").dialog({

                    height: 200,

                    modal: true

                });

            });

            $("#btnLogin").click(function () {  //当用户点击"登陆" 控件触发事件

                //todo:检验username、密码不能为空

                var username = $("#txtUserName").val();

                var password = $("#txtPwd").val();

                $.post("/ajax/UserLogin.ashx",//----------------------请关注这条$.Post()请求的參数与回调函数

                    { "username": username, "password": password },

                    loginFinish);

            });

        });

        $(function () {

            checkLogin();//刚进入页面的时候也是先向服务器查询当前登录状态

            $("#btnLogout").click(function () {

                $.post("/ajax/Logout.ashx", function () {

                    checkLogin();//刷新显示

                });

            });

        });

    </script>

    <asp:ContentPlaceHolder ID="head" runat="server">

    </asp:ContentPlaceHolder>

</head>
<body>

    <form id="form1" runat="server">

    <div>

        <div id="divLoginArea" style="display:none"><input type="button" value="登录" id="btnShowLoginDlg" /></div>

        <div id="divLoginOutArea" style="display:none">

            <span id="spanUserName"></span>

            <input type="button" value="注销" id="btnLogout" />

        </div>

        <div id="divLogin" title="登录窗体"  style="display:none">

            <table>

                <tr><td>username：</td><td><input type="text"  id="txtUserName"/></td></tr>

                <tr><td>密码：</td><td><input type="password"  id="txtPwd"/></td></tr>

                <tr><td colspan="2"><input type="button" value="登录" id="btnLogin" /></td></tr>

            </table>

        </div>

        <br />

        <asp:ContentPlaceHolder ID="placeHolderMain" runat="server">

        </asp:ContentPlaceHolder>

        <br />

         尾部<br />

    </div>

    </form>

</body>

</html>





版权声明：本文博客原创文章。博客，未经同意，不得转载。

一个ajax的Post要求的更多相关文章

  1. Javascript:来一个AJAX封装函数

    前不久换工作了,最近一直在出差,忙得跟狗一样,所以博客都荒废许久了. 最近的工作中涉及到大量的ajax操作,本来该后台做的事也要我来做了.而现在使用的ajax函数是一个后台人员封装的—-但他又是基于 ...

  2. 为大家分享一个 Ajax Loading —— spin.js

    我们在做Ajax 异步请求的时候,一般都会利用一个动态的 Gif 小图片来制作一个Ajax Loading ,以便增加用户体验. 今天在网上发现了一个 Spin.js ,该 js 脚本压缩后5k,可以 ...

  3. 写一个ajax程序就是如此简单

    写一个ajax程序就是如此简单 ajax介绍: 1:AJAX全称为Asynchronous JavaScript and XML(异步JavaScript和XML),指一种创建交互式网页应用的网页开发 ...

  4. 为大家分享一个 Ajax Loading —— spin.js（转）

    原文地址:http://www.cnblogs.com/lxblog/p/3425599.html 我们在做Ajax 异步请求的时候,一般都会利用一个动态的 Gif 小图片来制作一个Ajax Load ...

  5. 利用jquery+iframe做一个ajax上传效果

    以下是自学it网--中级班上课笔记 网址:www.zixue.it html页面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict ...

  6. 捣鼓一个Ajax请求管理器

    随着前端技术的不断发展,现在做的项目里很多页面里都会有大量的ajax请求,随之而来就有了一些问题: 1.没必要的ajax请求怎么处理? 2.ajax链式调用怎么维护? ajax链式调用最原始的写法: ...

  7. 封装一个Ajax工具函数

    /*封装一个ajax工具函数*/ window.$ = {}; /*通过$定义一个ajax函数*/ /* * 1. type   string   请求的方式  默认是get * 2. url     ...

  8. 第一个ajax小demo

    第一个ajax小demo 文章来源:http://blog.csdn.net/magi1201/article/details/44569657

  9. 又一个ajax实例，结合jQuery

    又一个ajax实例,配合jQuery   html <!DOCTYPE html> <html lang="zh-cn"> <head> < ...

随机推荐

  1. RedGate 工具SQLTEST 1.0.15.1

    原文:RedGate 工具SQLTEST 1.0.15.1 RedGate 工具SQLTEST 1.0.15.1 SQL TEST1.0.15.1的破解可以参考这篇文章:http://www.cnbl ...

  2. C++ Primer高速学习 第一章 获得二：输入和输出 (IO)

    什么是输入输出.即Input-Output,缩写是非常装B的IO?请看经典民间解释: C++语言的输入输出是指信息从外部输入设备(如键盘.磁盘等)向计算机内部(内存)输入(即Input)和从内存向外单 ...

  3. surfaceDestroyed什么时候被调用

    今天看别人的代码,突然有个疑问,surfaceDestroyed这个函数什么时候被调用呢? 上网搜了一番,基本都说是surface被销毁的时候,才会调用surfaceDestroyed.问题又来了su ...

  4. MyEclipse建立JVM内存大小

    1.你为什么要设置JVM它的内存大小? 因为假定程序执行过JVM默认的内存大小.他们不会报告传说中的内存溢出异常. Exception in thread "main" java. ...

  5. 程序员之---C语言细节22（函数返回指针注意事项&lt;悬空指针&gt;、查看进程能够分配的内存大小）

    主要内容:函数返回指针注意事项<悬空指针>.查看进程能够分配的内存大小 #include <stdio.h> char * favorite_fruit() { static ...

  6. J2SE习题(2)

    第四.五周练习题 1.a. Define a class called BlogEntry that could be used to store an entry for a  Weblog. Th ...

  7. 阅读&lt;反欺骗的艺术&gt;思考

    早期接受csdn发送本书<反欺骗的艺术 ---- 传说中的黑客世界里,分享经验>. 经过这本书发生床头, 每天晚上看上.直到今天, 刚读的书. 颇有感觉. 之所以当初选择读这本书, 完全被 ...

  8. Android的ViewAnimator而它的子类ViewSwitcher-android学习之旅（三十三）

    ViewAnimator遗传FrameLayout,重合使用多个组件.可以增加部件数量,然后会有时间切换动画. ViewAnimator及其子类的继承关系 ViewAnimator经常使用属性 Vie ...

  9. 利用HttpOnly来防御xss攻击

    xss的概念就不用多说了,它的危害是极大的,这就意味着一旦你的站点出现xss漏洞,就能够运行随意的js代码,最可怕的是攻击者利用js获取cookie或者session劫持,假设这里面包括了大量敏感信息 ...

  10. OpenCV面、人眼检测

    /* 功能:实现对眼睛.脸部的跟踪. 版本号:1.0 时间:2014-4-27 */ #include <opencv2/objdetect/objdetect.hpp> #include ...