suchen

Heim >Web-Frontend >js-Tutorial >jquery greift auf die Ashx-Datei zu, Beispielcode_jquery

jquery greift auf die Ashx-Datei zu, Beispielcode_jquery

WBOY
WBOYOriginal
2016-05-16 16:40:061440Durchsuche

.ashx-Datei wird zum Schreiben des Web-Handlers verwendet. Die .ashx-Datei ähnelt der .aspx-Datei. Sie können sie zum Aufrufen der HttpHandler-Klasse verwenden, wodurch die Steuerungsanalyse und Seitenverarbeitung gewöhnlicher .aspx-Seiten entfällt. Tatsächlich handelt es sich um eine gemischte Datei mit HTML und C#.

Die

.ashx-Datei eignet sich zum Generieren von Datenformaten, die vom Browser verarbeitet werden und keine Postback-Verarbeitung erfordern, beispielsweise zum Generieren dynamischer Bilder, dynamischer Texte und anderer Inhalte. Viele müssen diese Verarbeitungsmethode verwenden. Dieses Dokument bietet eine einfache Demo zum Aufrufen von Ashx-Dateien und veröffentlicht den Quellcode der Schlüsseldateien.

Das Folgende ist der Quellcode in der Datei Login.ashx in der Demo: 

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; 
} 
} 
}

Das Folgende ist der Quellcode in 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>
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Konvertieren Sie JQuery-Objekte und Javascript-Objekte (DOM-Objekte) ineinander_JQueryNächster Artikel：Konvertieren Sie JQuery-Objekte und Javascript-Objekte (DOM-Objekte) ineinander_JQuery

In Verbindung stehende Artikel

Mehr sehen