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 相关文章推荐
JavaScript 学习笔记(十五)
Jan 28 Javascript
js 实现打印网页中定义的部分内容的代码
Apr 01 Javascript
javascript中使用css需要注意的地方小结
Sep 01 Javascript
JavaScript 参数中的数组展开 [译]
Sep 21 Javascript
js修改table中Td的值(定义td的单击事件)
Jan 10 Javascript
js实现倒计时(距离结束还有)示例代码
Jul 24 Javascript
用JavaScript实现对话框的教程
Jun 04 Javascript
详解JavaScript数组和字符串中去除重复值的方法
Mar 07 Javascript
js简单实现图片延迟加载的方法
Jul 19 Javascript
jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】
Mar 24 jQuery
解决使用Vue.js显示数据的时,页面闪现原始代码的问题
Feb 11 Javascript
vue.js实现的全选与全不选功能示例【基于elementui】
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 基于文件头的文件类型验证类函数
2012/05/01 PHP
PHP常用文件操作函数和简单实例分析
2016/06/03 PHP
thinkPHP框架动态配置用法实例分析
2018/06/14 PHP
Jquery 动态添加按钮实现代码
2010/05/06 Javascript
JS+CSS相对定位实现的下拉菜单
2015/10/06 Javascript
一次$.getJSON不执行的简单记录
2016/07/19 Javascript
深入浅出讲解ES6的解构
2016/08/03 Javascript
jQuery实现字符串全部替换的方法
2016/12/12 Javascript
获取当前月(季度/年)的最后一天(set相关操作及应用)
2016/12/27 Javascript
关于TypeScript中import JSON的正确姿势详解
2017/07/25 Javascript
jQuery实现的鼠标滚轮控制图片缩放功能实例
2017/10/14 jQuery
cdn模式下vue的基本用法详解
2018/10/07 Javascript
搭建基于express框架运行环境的方法步骤
2018/11/15 Javascript
微信小程序实现文字从右向左无限滚动
2020/11/18 Javascript
vue 输入电话号码自动按3-4-4分割功能的实现代码
2020/04/30 Javascript
浅析Python中元祖、列表和字典的区别
2016/08/17 Python
python使用os.listdir和os.walk获得文件的路径的方法
2017/12/16 Python
Python设计模式之MVC模式简单示例
2018/01/10 Python
python如何统计序列中元素
2020/07/31 Python
python实现猜单词小游戏
2020/05/22 Python
python 不同方式读取文件速度不同的实例
2018/11/09 Python
PyCharm GUI界面开发和exe文件生成的实现
2020/03/04 Python
Python填充任意颜色,不同算法时间差异分析说明
2020/05/16 Python
tensorflow从ckpt和从.pb文件读取变量的值方式
2020/05/26 Python
Python应用自动化部署工具Fabric原理及使用解析
2020/11/30 Python
HTML5之SVG 2D入门10—滤镜的定义及使用
2013/01/30 HTML / CSS
Jeep牧马人、切诺基和自由人零配件:4 Wheel Drive Hardware
2017/07/02 全球购物
银行职员个人的工作自我评价
2014/02/15 职场文书
文案策划求职信
2014/03/18 职场文书
银行党的群众路线教育实践活动对照检查材料
2014/09/25 职场文书
会议主持人开场白台词
2015/05/28 职场文书
2016入党积极分子心得体会
2016/01/06 职场文书
Nginx配置https原理及实现过程详解
2021/03/31 Servers
一看就懂的MySQL的聚簇索引及聚簇索引是如何长高的
2021/05/25 MySQL
windows server 2016 域环境搭建的方法步骤(图文)
2022/06/25 Servers
OpenFeign实现远程调用
2022/08/14 Java/Android