脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → jquery → jquery访问ashx文件

jquery访问ashx文件示例代码

 更新时间：2014年08月11日 09:01:39   投稿：whsnow  
ashx文件与.aspx文件类似，可以通过它来调用HttpHandler类。下面与大家介绍下jquery访问ashx文件的过程

.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>

相关文章

  • jQuery页面刷新(局部、全部)问题分析

    jQuery页面刷新(局部、全部)问题分析

    这篇文章主要针对jQuery页面刷新问题为大家进行详细分析，包括局部刷新、全部刷新，感兴趣的朋友可以参考一下
    2016-01-01
  • jQuery的几种选择器及实例详解

    jQuery的几种选择器及实例详解

    这篇文章主要介绍了jQuery的几种选择器详解,Query 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素, 它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器,需要的朋友可以参考下
    2023-05-05
  • jQuery解析XML与传统JavaScript方法的差别实例分析

    jQuery解析XML与传统JavaScript方法的差别实例分析

    这篇文章主要介绍了jQuery解析XML与传统JavaScript方法的差别,实例分析了jQuery与javascript解析XML文件的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • jquery 隐藏与显示tr标签示例代码

    jquery 隐藏与显示tr标签示例代码

    隐藏与显示tr标签的方法有很多，本文使用jquery来实现,需要的朋友可以参考下
    2014-06-06
  • jquery实现可点击伸缩与展开的菜单效果代码

    jquery实现可点击伸缩与展开的菜单效果代码

    这篇文章主要介绍了jquery实现可点击伸缩与展开的菜单效果代码,涉及jquery鼠标click事件控制页面元素样式变换的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • jquery实现TAB选项卡鼠标经过带延迟效果的方法

    jquery实现TAB选项卡鼠标经过带延迟效果的方法

    这篇文章主要介绍了jquery实现TAB选项卡鼠标经过带延迟效果的方法,可实现tab选项卡的延迟加载效果,涉及jquery鼠标事件及延迟函数的相关使用技巧,需要的朋友可以参考下
    2015-07-07
  • jquery垂直公告滚动实现代码

    jquery垂直公告滚动实现代码

    公告滚动想必大家都有见到过吧，实现方法也有很多，下面为大家介绍使用jquery实现垂直公告滚动，感兴趣的朋友不要错过
    2013-12-12
  • javascript 开发之网页兼容各种浏览器

    javascript 开发之网页兼容各种浏览器

    这篇文章主要介绍了javascript 开发之网页兼容各种浏览器的相关资料,这里提供了几种方法帮助大家掌握这样的功能，需要的朋友可以参考下
    2017-09-09
  • jquery遍历checkbox介绍

    jquery遍历checkbox介绍

    这篇文章主要是对jquery遍历checkbox进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
    2014-02-02
  • jQuery实现的3D版图片轮播示例【滑动轮播】

    jQuery实现的3D版图片轮播示例【滑动轮播】

    这篇文章主要介绍了jQuery实现的3D版图片轮播,涉及jQuery针对页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
    2019-01-01

最新评论