段时间有点跑偏，经过米老师和师傅的耐心指导，终于认识到自己的问题，现在回归常规路线，继续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. tomcat中web项目编译后的结构

    一. jsp文件在WEB-INF中 原项目结构及编译后的项目结构,原web项目与编译文件的对应关系如下:java下面的.java文件----->WEB-INF下的classes中,target下 ...

  2. GPU知识了解

    前言 今天在使用阿里云的时候,无意间看到了有GPU服务器,于是对它做了一个大概的了解. 概念 GPU是Graphics Processing Unit的缩写,翻译成中文就是图形处理器.是一种专门在个人 ...

  3. linux之创建用户

    用户 useradd   xxx        创建用户   默认是普通用户 useradd    -u666   web       创建新用户    设置id号 groupadd   -g 777 ...

  4. Python2和Python3安装注意事项

    1. 到官网 https://www.python.org/downloads/windows/ 下载 Windows x86-64 executable installer版本: 2. python ...

  5. C/C++ 宏技巧

    1. C 也可以模板化 #define DEFINE_ARRAY_TYPE(array_type_, element_type_) \ static inline int array_type_ ## ...

  6. 2018.4.24 快排查找第K大

    import java.util.Arrays; /* 核心思想:利用快排思想,先假定从大到小排序,找枢纽,枢纽会把大小分开它的两边,当枢纽下标等于k时, 即分了k位在它左边或右边,也就是最大或最小的 ...

  7. python:学习自顶向下程序设计:竞技体育模拟

    学习过程记录: 一,需求及框架: 二:程序代码: #sports.py from random import random def main(): #熟悉函数的调用 printInfo() probA ...

  8. Linq分组查询统计

    这里介绍Linq使用Group By和Count得到每个CategoryID中产品的数量,Linq使用Group By和Count得到每个CategoryID中断货产品的数量等方面. 学经常会遇到Li ...

  9. 在线HTML编辑器KindEditor

     简介 KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE.Firefox.Chrome.Safari.Opera等主流浏览器.KindEdi ...

  10. Java面向对象 第2节 Scanner 类和格式化输出printf

    §Scanner 类 java.util.Scanner 是 Java5 的新特征,我们可以通过 Scanner 类来获取用户的输入. 1.创建 Scanner 对象的基本语法:Scanner s = ...