相关前端代码如下:
<form id="from1" action="/AjaxTestAutoAction/submit.cspx" method="post">
<p><span>Input:</span>
<input type="text" name="input" style="width: 300px" value="aijava"/></p>
<p><span>Output:</span>
<input type="text" id="output" style="width:300px"readonly="readonly"/></p>
<input type="submit" name="Base64" value="转换成Base64编码"/>
<input type="submit" name="md5" value="计算md5"/>&nvsp;
<input type="submit" name="sha1" value="计算sha1"/>
</form>
<script type="text/javascript">
$(function(){
$("#form1").ajaxForm(function(result)){
$("#output").val(result);
});
});
</script>
服务端代码:
public class AjaxTestAutoAction{
[Action]
public string Base64(string input){
return Convert.ToBase64String(Encoding.Default.GetBytes(input));
}
[Action]
public string md5(string input){
byte[ ] bb=Encoding.Default.GetBytes(input);
byte[ ]md5=(new MD5CryptoServiceProvider()).ComputeHash(bb);
return BitConverter.ToString(md5).Replace("-",string.Empty);
}
[Action]
public string Sha1(string input){
byte[ ] bb=Encoding.Default.GetBytes(input);
byte[ ] sha1=(new SHA1CryptoServiceProvider()).ComputeHash(bb);
return BitConverter.ToString(sha1).Replace("-",string.Empty);
} }
服务器定义三个方法,对应三个submit按钮
前端还是只调用一个ajaxForm解决所有问题
这种方法就是由前端的jQuery,jQuery.form以及服务端的MYMVC框架共同实现的。
本文展示了如何通过前端jQuery和后端MVC框架实现一个简单的网页应用,该应用提供了将输入文本转换为Base64编码、计算MD5和SHA1散列的功能。通过一个表单元素,用户可以轻松地输入文本,并在页面上实时查看加密后的结果。
3212

被折叠的 条评论
为什么被折叠?



