jquery访问ashx文件示例代码


Posted in Javascript onAugust 11, 2014

.ashx 文件用于写web handler的。.ashx文件与.aspx文件类似,可以通过它来调用HttpHandler类,它免去了普通.aspx页面的控件解析以及页面处理的过程。其实就是带HTML和C#的混合文件。

.ashx文件适合产生供浏览器处理的、不需要回发处理的数据格式,例如用于生成动态图片、动态文本等内容。很多需要用到此种处理方式。此文档提供一个简单的调用ashx文件的Demo,并贴出关键文件的源码。

以下为Demo中Login.ashx文件中的源码:

public class Login : IHttpHandler { 

public void ProcessRequest (HttpContext context) { 
context.Response.ContentType = "application/json"; 
//GET方式获取传递的数据 
//string username = context.Request.QueryString["username"]; 
//string password = context.Request.QueryString["password"]; 

//POST方式获取传递的数据 
string username = context.Request.Form["username"]; 
string password = context.Request.Form["password"]; 
string message = null; 
if (string.IsNullOrEmpty(username)) 
{ 
message = "用户名不能为空"; 
context.Response.Write("{\"success\":false,\"message\":\"" + message + "\"}");//此JSON格式非常重要,否则会执行jquery的的error函数 
context.Response.End(); 
} 
if (string.IsNullOrEmpty(password)) 
{ 
message = "密码不能为空"; 
context.Response.Write("{\"success\":false,\"message\":\"" + message + "\"}"); 
context.Response.End(); 
} 
if (!string.IsNullOrEmpty(username) && !string.IsNullOrEmpty(password)) 
{ 
if (username.ToUpper() == "ADMIN" && password == "123") 
{ 
message = "登录成功"; 
context.Response.Write("{\"success\":true,\"message\":\"" + message + "\"}"); 
} 
else 
{ 
message = "用户名或密码错误"; 
context.Response.Write("{\"success\":false,\"message\":\"" + message + "\"}"); 
} 
} 
context.Response.End(); 

} 

public bool IsReusable { 
get { 
return false; 
} 
} 
}

以下为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>jsquery访问ashx文件</title> 
<script language="javascript" type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script> 
<script language="javascript" type="text/javascript"> 
function login() { 
$.ajax({ 
url: 'common/handler/Login.ashx', 
type: 'POST', 
data: { 'username': $("#txtUsername").val(), 'password': $("#txtPassword").val() }, 
dataType: 'json', 
timeout: 50000, 
//contentType: 'application/json;charset=utf-8', 
success: function (response) { 
alert(response.message); 
}, 
error: function (err) { 
alert("执行失败"); 
} 

}); 
} 
</script> 
</head> 
<body> 
<div style="width:400px; height:300px; margin:0 auto; background:#c0c0c0;"> 
<dl style=" width:270px;"> 
<dd><span>用户名:</span><input type="text" style=" width:150px;" id="txtUsername" /></dd> 
<dd><span>密 码:</span><input type="password" style=" width:150px;" id="txtPassword" /></dd> 
<dd><input type="button" style=" width:65px; height:23px; float:right;" onclick="login()" value="登录" /></dd> 
</dl> 
</div> 
</body> 
</html>
Javascript 相关文章推荐
多浏览器兼容的获取元素和鼠标的位置的js代码
Dec 15 Javascript
javascript tips提示框组件实现代码
Nov 19 Javascript
点击隐藏页面左栏或右栏实现js代码
Apr 01 Javascript
转义字符(\)对JavaScript中JSON.parse的影响概述
Jul 17 Javascript
Extjs4中Form的使用之本地hiddenfield
Nov 26 Javascript
jQuery实现的原图对比窗帘效果
Jun 15 Javascript
JavaScript中字符串与Unicode编码互相转换的实现方法
Dec 18 Javascript
AngularJs Managing Service Dependencies详解
Sep 02 Javascript
详解Javascript几种跨域方式总结
Feb 27 Javascript
vue.js中实现登录控制的方法示例
Apr 23 Javascript
angular 数据绑定之[]和{{}}的区别
Sep 25 Javascript
微信小程序在地图选择地址并返回经纬度简单示例
Dec 03 Javascript
jQuery实现的一个tab切换效果内部还嵌有切换
Aug 10 #Javascript
JavaScript动态改变HTML页面元素例如添加或删除
Aug 10 #Javascript
网页运行时提示对象不支持abigimage属性或方法
Aug 10 #Javascript
js中直接声明一个对象的方法
Aug 10 #Javascript
点击标签切换和自动切换DIV选项卡
Aug 10 #Javascript
js中window.open打开一个新的页面
Aug 10 #Javascript
window.location.href的用法(动态输出跳转)
Aug 09 #Javascript
You might like
基于PHP Socket配置以及实例的详细介绍
2013/06/13 PHP
PHP彩蛋信息介绍和阻止泄漏的方法(隐藏功能)
2014/08/06 PHP
PHP闭包实例解析
2014/09/08 PHP
php利用ob_start()清除输出和选择性输出的方法
2018/01/18 PHP
TP5(thinkPHP5)框架基于ajax与后台数据交互操作简单示例
2018/09/03 PHP
AJAX 网页保留浏览器前进后退等功能
2011/02/12 Javascript
jQuery hover 延时器实现代码
2011/03/12 Javascript
让浏览器非阻塞加载javascript的几种方法小结
2011/04/25 Javascript
JQUERY实现左侧TIPS滑进滑出效果示例
2013/06/27 Javascript
javascript 实现 秒杀,团购 倒计时展示的记录 分享
2013/07/12 Javascript
Node.js 学习笔记之简介、安装及配置
2015/03/03 Javascript
js滚动条平滑移动示例代码
2016/03/29 Javascript
easyui validatebox验证
2016/04/29 Javascript
Js实现京东无延迟菜单效果实例(demo)
2017/06/02 Javascript
AugularJS从入门到实践(必看篇)
2017/07/10 Javascript
微信小程序request请求后台接口php的实例详解
2017/09/20 Javascript
几个你不知道的技巧助你写出更优雅的vue.js代码
2018/06/11 Javascript
JavaScript canvas动画实现时钟效果
2020/02/10 Javascript
python 中文字符串的处理实现代码
2009/10/25 Python
跟老齐学Python之??碌某?? target=
2014/09/12 Python
python装饰器深入学习
2018/04/06 Python
Python OpenCV处理图像之滤镜和图像运算
2018/07/10 Python
python配置grpc环境
2019/01/01 Python
通过PYTHON来实现图像分割详解
2019/06/26 Python
python实现猜拳小游戏
2020/04/05 Python
解决python 3 urllib 没有 urlencode 属性的问题
2019/08/22 Python
Python中xml和dict格式转换的示例代码
2019/11/07 Python
python实现用类读取文件数据并计算矩形面积
2020/01/18 Python
Skyscanner波兰:廉价航班
2017/11/07 全球购物
小米乌克兰网上商店:Xiaomi.UA
2019/10/29 全球购物
护理自荐信范文
2013/10/05 职场文书
计算机应用职专应届生求职信
2013/11/12 职场文书
幼儿园托班开学寄语
2014/01/18 职场文书
幸福家庭事迹材料
2014/02/03 职场文书
计算机通信专业推荐信
2014/02/22 职场文书
群众路线个人剖析材料及整改措施
2014/11/04 职场文书