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 input文本框禁用右键和复制粘贴功能的代码
Apr 15 Javascript
当鼠标滑过文本框自动选中输入框内容的JS代码分享
Nov 26 Javascript
jquery图片倾斜层叠切换特效代码分享
Aug 27 Javascript
如何利用AngularJS打造一款简单Web应用
Dec 05 Javascript
14 个折磨人的 JavaScript 面试题
Aug 08 Javascript
AngularJS  $on、$emit和$broadcast的使用
Sep 05 Javascript
js实现PC端根据IP定位当前城市地理位置
Feb 22 Javascript
jquery实现异步加载图片(懒加载图片一种方式)
Apr 24 jQuery
基于jQuery解决ios10以上版本缩放问题
Nov 03 jQuery
微信小程序三级联动选择器使用方法
May 19 Javascript
原生js检测页面加载完毕的实例
Sep 11 Javascript
React Ant Design树形表格的复杂增删改操作
Nov 02 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 Document 代码注释规范
2009/04/13 PHP
关于php 接口问题(php接口主要也就是运用curl,curl函数)
2013/07/01 PHP
php验证是否是md5编码的简单代码
2014/04/01 PHP
Yii框架用户登录session丢失问题解决方法
2017/01/07 PHP
解决出现SoapFault (looks like we got no XML document)的问题
2017/06/24 PHP
Yii框架的布局文件实例分析
2019/09/04 PHP
js cookies实现简单统计访问次数
2009/11/24 Javascript
XMLHTTP 乱码的解决方法(UTF8,GB2312 编码 解码)
2011/01/12 Javascript
JavaScript 语言基础知识点总结(思维导图)
2013/11/10 Javascript
JavaScript获取文本框内选中文本的方法
2015/02/20 Javascript
深入理解JavaScript系列(21):S.O.L.I.D五大原则之接口隔离原则ISP详解
2015/03/05 Javascript
用JS生成UUID的方法实例
2016/03/30 Javascript
JavaScript中0和&quot;&quot;比较引发的问题
2016/05/26 Javascript
微信小程序 高德地图SDK详解及简单实例(源码下载)
2017/01/11 Javascript
VsCode插件整理(小结)
2017/09/14 Javascript
微信小程序录音与播放录音功能
2017/12/25 Javascript
Javascript执行流程细节原理解析
2020/05/14 Javascript
vue-quill-editor的使用及个性化定制操作
2020/08/04 Javascript
js实现表格数据搜索
2020/08/09 Javascript
在Gnumeric下使用Python脚本操作表格的教程
2015/04/14 Python
实例探究Python以并发方式编写高性能端口扫描器的方法
2016/06/14 Python
Django网络框架之创建虚拟开发环境操作示例
2019/06/06 Python
Jupyter Notebook的连接密码 token查询方式
2020/04/21 Python
PyTorch 中的傅里叶卷积实现示例
2020/12/11 Python
Jupyter Notebook 安装配置与使用详解
2021/01/06 Python
HTML5计时器小例子
2013/10/15 HTML / CSS
h5使用canvas画布实现手势解锁
2019/01/04 HTML / CSS
团队精神的演讲稿
2014/05/14 职场文书
数学教研活动总结
2014/07/02 职场文书
农村门前三包责任书
2014/07/25 职场文书
关于成绩下滑的自我检讨书
2014/09/20 职场文书
机关干部纪律作风整顿心得体会
2016/01/23 职场文书
班干部竞选演讲稿(精选5篇)
2019/09/24 职场文书
用CSS3画一个爱心
2021/04/27 HTML / CSS
MySQL去除重叠时间求时间差和的实现
2021/08/23 MySQL
vue3 自定义图片放大器效果的示例代码
2022/07/23 Vue.js