<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. WPF换肤之一：创建圆角窗体

    原文:WPF换肤之一:创建圆角窗体 我们都期望自己的软件能够有一套看上去很吸引人眼球的外衣,使得别人看上去既专业又有美感.这个系列就带领着大家一步一步的讲解如何设计出一套自己的WPF的窗体皮肤,如果文 ...

  2. java连接数据库——JDBC连接数据库

    DBUtil.java   // 数据库操作文件 package com.bjpowernode.jdbc.util; import java.io.File; import java.io.File ...

  3. html弹窗，与弹出对话框

    弹出对话框 <script type="text/JavaScript"> <!-- alert("Good Morning!"); //al ...

  4. 安装好.net framework后运行慢

    表现 系统有时运行慢,尤其是.net程序运行得相当慢 mscorsvw.exe与mscorsvw.exe *32两个进程挂在任务管理器里时不时地占着CPU 解决 运行以下两条命令,加快这两进程的运行, ...

  5. Java Evaluate Reverse Polish Notation(逆波兰式)

    表情:: ["2", "1", "+", "3", "*"] -> ((2 + 1) * 3) ...

  6. jquery的attr禁用表单元素的方法

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...

  7. asp.net访问网络路径方法(模拟用户登录)

    public class IdentityScope : IDisposable { // obtains user token [DllImport("advapi32.dll" ...

  8. struts2充分国际化案例　错误解决

    在struts2中须要做国际化的有: jsp页面的国际化,action错误信息的国际化,转换错误信息的国际化.校验错误信息的国际化 在之前的样例中已经做过和国际化相关的样例了,在struts.xml中 ...

  9. 【C语言探索之旅】 第一部分第九课：函数

    内容简介 1.课程大纲 2.第一部分第九课:函数 3.第一部分第十课预告: 练习题+习作 课程大纲 我们的课程分为四大部分,每一个部分结束后都会有练习题,并会公布答案.还会带大家用C语言编写三个游戏. ...

  10. Oracle得知(十五)：分布式数据库

    --分布式数据库的独立性:分布数据的独立性指用户不必关心数据怎样切割和存储,仅仅需关心他须要什么数据. --本地操作 SQL> sqlplus scott/tiger --远程操作 SQL> ...