Asp.Net+JQuery.Ajax之$.post
段时间有点跑偏，经过米老师和师傅的耐心指导，终于认识到自己的问题，现在回归常规路线，继续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的更多相关文章
- ASP.NET jquery ajax传递参数
第一种:GET传递 前台 ajax GET 传递 :即在请求的地址后面加上参数,URL地址长度有显示,安全性低 后台接收:Request.QueryString[“参数名字”]! 例如: func ...
- JQuery中$.ajax()方法参数详解 ASP.NET jquery ajax传递参数
url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 ...
- ASP.NET Jquery+ajax上传文件(带进度条)
效果图 支持ie6+,chrome,ie6中文文件名会显示乱码. 上传时候会显示进度条. 需要jquery.uploadify.js插件,稍后会给出下载 前台代码 <%@ Page Langua ...
- ASP.NET JQuery Ajax 详解
在.NET中使用Ajax请求,我们可以使用一般处理程序,或者Web服务,还有一种是使用后台的Web方法(注意:当我们使用后台的Web方法是,后台方法必须加可访问性必须为: public,且为stati ...
- 用asp.net+Jquery+Ajax+sqlserver编写的 (英语六级记单词)
开始(英语对程序员的重要性引用) 出处 英语的重要性已经毋庸置疑,对于程序员来说更甚,一些最新的技术资料是英文的,如果想进入外企英语也是一个很重要的条件.对于程序员来说怎样学习好英语,在此谈一下我的一 ...
- asp.net jquery+ajax异步刷新1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- ASP.NET使用jQuery AJAX实现MD5加密实例
一个asp.net ajax例子,使用jquery,实现md5加密.在.NET 4.0,Visual Studio 2010上成功运行. 效果体验:http://tool.keleyi.com/t/m ...
- Jquery ajax 学习笔记
本人的js & jq 一直是菜鸟级别,最近不忙就看了看ajax方面的知识,文中部分内容参考自这里&这里 之前一直用js写ajax现在基于jq实现方便多了~ $.get & $. ...
- [转]JQuery Ajax 在asp.net中使用总结
本文转自:http://www.cnblogs.com/acles/articles/2385648.html 自从有了JQuery,Ajax的使用变的越来越方便了,但是使用中还是会或多或少的出现一些 ...
随机推荐
- Shell脚本的学习笔记二：字符串
菜鸟教程提供的Shell在线编辑器 Shell 字符串 项目 功能 单引号 原样输出,变量无效.但可用成对单引号嵌套成对单引号输出变量 双引号 定义字符串中附带有变量的命令并且想将其解析后再输出的变量 ...
- FreeSWITCH与FreeSWITCH对接
(主机A ---> 主机B)192.168.100.A主机:修改/usr/local/freeswitch/conf/dialplan/default.xml 10 <ex ...
- Oracle 导出的表不全，以及数据库版本不同导入报错
公司有两个环境下的数据库,版本不同,一个是11g r2,另一个是10g r2 首先在11g r2下用exp导出数据库备份文件,发现部分表缺失. 原来这部分表是空的,11G中新特性,当表无数据时,不分配 ...
- httpd does not appear to be running and proxying cobbler, or SELinux is in the way.
当我们执行cobbler check时,出现这种错误:httpd does not appear to be running and proxying cobbler, or SELinux is i ...
- iOS 多语言的实现(本地化和国际化)
配置需要国际化的语言 配置需要国际化的语言,这也是国际化之前的准备工作,无论我们是国际化App名称.代码中的字符串.图片.还是storyboard和xib,都需要进行这一步的准备工作(一个项目中需要且 ...
- Angular新手容易碰到的坑
在Angular群里回答新手问题一段时间了,有一些Angular方面的坑留在这里备查,希望能对各位有所帮助.这个文章将来会随时更新,不会单独开新章,欢迎各位订阅. Q1.<div ng-incl ...
- Go语言判断if else语句
基本格式: if 条件语句{ 执行语句 }else{ 执行语句 } package main import "fmt" func main(){ fmt.Println(Add(- ...
- 20155208徐子涵 《网络对抗》Exp1 PC平台逆向破解
20155208徐子涵 <网络对抗>Exp1 PC平台逆向破解 实践目标 本次实践的对象是一个名为pwn1的linux可执行文件. 该程序正常执行流程是:main调用foo函数,foo函数 ...
- Python - 统计一篇文章中单词的频率
def frenquence_statistic(file_name): frequence = {} for line in open(file_name,'r').readlines(): wor ...
- 与C/C++关键字extern有关的原理
关键字有一定的语义,但是用法不唯一. 对于C/C++语言的预编译.编译.汇编.链接.我相信大家在接触C++一年不到就背的滚瓜烂熟,但是其中的细节,是后来才慢慢想明白的.为什么我不讲extern关键字呢 ...