段时间有点跑偏，经过米老师和师傅的耐心指导，终于认识到自己的问题，现在回归常规路线，继续B/S的学习。

经过近半个月的熏陶，对JQuery慢慢的有了亲切感。当时我采访过一清，问他看完JQuery视频有什么感觉，一清说：“能听懂，能看懂，自己做不知道从哪下手”。这可能是大多数初学者的苦衷，现在我用一个简单的登录页面，帮助大家进一步理解JQuery.Ajax的工作原理。

首先我们制作一个html页面，用于和用户交互，代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head>

    <title></title>

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

    <script src="js/login.js" type="text/javascript"></script>

</head>

<body>

    用户名：<input type="text" id="userName" /><br />

    密  码：<input type="text" id="passWord" /><br />

    <input type="button" id="login" value="登录"/>

</body>

</html>

然后我们用JQuery为html的登录按钮绑定点击事件，代码如下：

//在窗体加载时，为登录按钮绑定点击事件

$(document).ready(function () {

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

        $.post('login.ashx', {

            //参数一：用户名

            userName: $("#userName").val(),

            //参数二：密码

            passWord: $("#passWord").val()

        },

        //回调函数  这里不是msg.d吗？未实验

            function (data) {

                //输出结果

                alert(data);

            },

        //返回类型

            "text"

            );

    });

});

Query.post(url,[data],[callback],[type])用于和服务器交互，它有4个参数，url：告诉Ajax将数据提交到哪个页面进行处理，data：在提交过程中需要传递的参数，callback：回调函数，用于接收服务器的返回值，type：返回值的类型，一般为text或Json。

接着是用一般处理程序login.ashx(服务器)处理JQuery.Ajax通过post方法提交的请求，代码如下：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

namespace Demo

{

    /// <summary>

    /// login 的摘要说明

    /// </summary>

    public class login : IHttpHandler

    {

        public void ProcessRequest(HttpContext context)

        {

            context.Response.ContentType = "text/plain";

            //接收Ajax传入的参数

            string userName = context.Request["userName"].ToString();

            string passWord = context.Request["passWord"].ToString();

            //将Ajax传入的参数做出判断后传回到Ajax

            if (userName == "admin" && passWord == "admin")

            {

                context.Response.Write("登录成功");

            }

            else

            {

                context.Response.Write("登录失败!");

            }

        }

        public bool IsReusable

        {

            get

            {

                return false;

            }

        }

    }

}

Asp.Net+JQuery.Ajax之$.post的更多相关文章

  1. ASP.NET jquery ajax传递参数

    第一种:GET传递 前台 ajax   GET 传递 :即在请求的地址后面加上参数,URL地址长度有显示,安全性低 后台接收:Request.QueryString[“参数名字”]! 例如: func ...

  2. JQuery中$.ajax()方法参数详解 ASP.NET jquery ajax传递参数

    url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 ...

  3. ASP.NET Jquery+ajax上传文件(带进度条)

    效果图 支持ie6+,chrome,ie6中文文件名会显示乱码. 上传时候会显示进度条. 需要jquery.uploadify.js插件,稍后会给出下载 前台代码 <%@ Page Langua ...

  4. ASP.NET JQuery Ajax 详解

    在.NET中使用Ajax请求,我们可以使用一般处理程序,或者Web服务,还有一种是使用后台的Web方法(注意:当我们使用后台的Web方法是,后台方法必须加可访问性必须为: public,且为stati ...

  5. 用asp.net+Jquery+Ajax+sqlserver编写的 (英语六级记单词)

    开始(英语对程序员的重要性引用) 出处 英语的重要性已经毋庸置疑,对于程序员来说更甚,一些最新的技术资料是英文的,如果想进入外企英语也是一个很重要的条件.对于程序员来说怎样学习好英语,在此谈一下我的一 ...

  6. asp.net jquery+ajax异步刷新1

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

  7. ASP.NET使用jQuery AJAX实现MD5加密实例

    一个asp.net ajax例子,使用jquery,实现md5加密.在.NET 4.0,Visual Studio 2010上成功运行. 效果体验:http://tool.keleyi.com/t/m ...

  8. Jquery ajax 学习笔记

    本人的js & jq 一直是菜鸟级别,最近不忙就看了看ajax方面的知识,文中部分内容参考自这里&这里 之前一直用js写ajax现在基于jq实现方便多了~ $.get & $. ...

  9. [转]JQuery Ajax 在asp.net中使用总结

    本文转自:http://www.cnblogs.com/acles/articles/2385648.html 自从有了JQuery,Ajax的使用变的越来越方便了,但是使用中还是会或多或少的出现一些 ...

随机推荐

  1. 第十二次作业 - Beta答辩总结

    目录 前言 项目的链接与宣传 项目总结 原计划 达成情况 原因分析 [ Beta 冲刺博客链接汇总] [燃尽图] Beta版本展示 使用说明 视频展示 图片展示 答辩总结 [团队中个人的贡献比例] [ ...

  2. ios 中pickerView城市选择和UIDatePicker生日选择

    代码详见压缩包

  3. java知识点归集

    将工作中,或者看书的过程中碰到的自己之前没有掌握的知识点进行归纳,暂时就碰到什么写什么,后续有一定量的话进行整理: 1.  list实现 相关文章:https://zhuanlan.zhihu.com ...

  4. DAY 13 开放封闭原则

    装饰器: 即是用一个函数去拓展另一个函数,同时遵循开放封闭原则 开放封闭原则 对修改关闭,对拓展开放 不允许修改源代码以及调用方式 以下是无参函数的基本格式 def outer(func): def ...

  5. AFN\HTTPS\UIWebView

    1.AFN使用技巧 1.在开发的时候可以创建一个工具类,继承自我们的AFN中的请求管理者,再控制器中真正发请求的代码使用自己封装的工具类. 2.这样做的优点是以后如果修改了底层依赖的框架,那么我们修改 ...

  6. C++11 类型后置语法

    #include <iostream> #include <typeinfo> #include <type_traits> using namespace std ...

  7. linux ipv6开启的配置文件

    1./etc/sysconfig/network-scripts/ifcfg-eth0 DEVICE=eth0TYPE=EthernetUUID=9d1d6e2a-cfc5-4e60-8f28-b77 ...

  8. python 参数传递 传值还是传引用

    个人推测结论: 可变对象传引用,不可变对象传值 python里的变量不同于c中地址储值模型 a=100 b=100 print(id(a),id(b),a==b,a is b) #8790877986 ...

  9. Python全栈之路----常用模块----time模块

    time 模块的方法 time.time():返回当前时间的时间戳. >>> import time >>> time.time() #从1974年到现在过去了多少 ...

  10. ccf-棋局评估-20190304

    三更:  更短的代码,更短的时间,加油! 也祝你好运哦!!!! 核心: dfs(player)  player下完之后最大得分 优点: 我位运算掌握的还不错嘛 2和1如何转换  2^3=1; 1^3= ...