JavaScript编程开发中jquery访问ashx文件示例代码
程序员文章站
2024-02-01 19:37:16
.ashx 文件用于写web handler的。.ashx文件与.x文件类似，可以通过它来调用httphandler类，它免去了普通.aspx页面的控件解析以及页面处理的过程。其实...
.ashx 文件用于写web handler的。.ashx文件与.x文件类似，可以通过它来调用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" "https://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="https://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>
<p 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>
</p>
</body>
</html>