asp.Netajax jqueryインスタンス
一つasp.Netajaxの例では,jqueryを用いてmd 5暗号化を実現する.NET 4.0、Visual Studio 2010以上.
効果体験:
http://tool.keleyi.com/t/md5.htm
フロントエンドコード(md 5.htm):
以上、このファイルではjqueryのajaxメソッドを使用していますが、詳細は以下を参照してください.
http://keleyi.com/a/bjac/otjlqc2l.htmおよび
http://keleyi.com/a/bjac/c0me6l9l.htm
KeleyiMd5.aspxファイルコード:
この例はaspである.Netのajaxの例、aspを理解します.Netmvcのajax実装については、以下を参照してください.
http://keleyi.com/a/bjac/781ba7719ce323f.htm
バックグラウンドコード(Keleyimd 5.aspx.cs):
ソースのダウンロード:
https://keleyi.codeplex.com/releases/view/111763
http://keleyi.com/a/bjac/kjsrt3b0.htm
効果体験:
http://tool.keleyi.com/t/md5.htm
フロントエンドコード(md 5.htm):
<!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>md5 asp.net jquery ajax- </title>
<script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script>
<!-- -->
</head>
<body>
<div>
<h3>MD5 </h3>
：<input type="text" id="input_keleyi_com" style="width:250px;"/>
<span id="Md5Type">
<input id="Md5Type_1" type="radio" name="md5type_keleyi_com" value="1" checked="checked" /><label for="Md5Type_1">32 [ ]</label>
<input id="Md5Type_2" type="radio" name="md5type_keleyi_com" value="2" /><label for="Md5Type_2">32 [ ]</label>
<input id="Md5Type_3" type="radio" name="md5type_keleyi_com" value="3" /><label for="Md5Type_3">16 [ ]</label>
<input id="Md5Type_4" type="radio" name="md5type_keleyi_com" value="4" /><label for="Md5Type_4">16 [ ]</label>
</span><input type="button" value=" " onclick="javascript:Md5Ajax();" />
：<input id="MD5Result_keleyi_com" type="text" style="width:450px" />
</div>
<script type="text/javascript">
function Md5Ajax() {
var k_input = $("#input_ke" + "leyi_com").val();
var k_format = $('input[name="md5type_keleyi_com"]:checked').val();
$.ajax({
type: "Post",
url: "KeleyiMd5.aspx/GetMd5",
data: "{'input':'" + k_input + "','format':'" + k_format + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
if ((String)(data.d) != "-1") {
$("#MD5Result_k"+"eleyi_com").val(data.d);
}
else
alert(' ');
},
error: function (err) {
alert(' ： ' + err);
}
});
}
</script>
</body>
</html>以上、このファイルではjqueryのajaxメソッドを使用していますが、詳細は以下を参照してください.
http://keleyi.com/a/bjac/otjlqc2l.htmおよび
http://keleyi.com/a/bjac/c0me6l9l.htm
KeleyiMd5.aspxファイルコード:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="KeleyiMd5.aspx.cs" Inherits="Keleyi.Com.KeleyiAjax.KeleyiMd5" %>
<!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>asp.net jquery ajax md5 - </title>
</head>
<body>
<div>
</div>
</body>
</html>この例はaspである.Netのajaxの例、aspを理解します.Netmvcのajax実装については、以下を参照してください.
http://keleyi.com/a/bjac/781ba7719ce323f.htm
バックグラウンドコード(Keleyimd 5.aspx.cs):
using System;
using System.Web.Services;
namespace Keleyi.Com.KeleyiAjax
{
public partial class KeleyiMd5 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
/// <summary>
///
/// </summary>
/// <param name="input"></param>
/// <param name="format">1 32 ，2 32 ，3 16 ，4 16 </param>
/// <returns></returns>
[WebMethod]
public static string GetMd5(string input, int format)
{
switch (format)
{
case 1:
return GetMd5Upper32(input);
case 2:
return GetMd5Upper32(input).ToLower();
case 3:
return GetMd5Upper32(input).Substring(8, 16);
case 4:
return GetMd5Upper32(input).Substring(8, 16).ToLower();
default:
return GetMd5Upper32(input);
}
}
static string GetMd5Upper32(string input)
{
return System.Web.Security.FormsAuthentication.HashPasswordForStoringInConfigFile(input, "MD5");
}
}
}ソースのダウンロード:
https://keleyi.codeplex.com/releases/view/111763
http://keleyi.com/a/bjac/kjsrt3b0.htm
