用jquery.form实现多个submit按钮提交

本文展示了如何通过前端jQuery和后端MVC框架实现一个简单的网页应用,该应用提供了将输入文本转换为Base64编码、计算MD5和SHA1散列的功能。通过一个表单元素,用户可以轻松地输入文本,并在页面上实时查看加密后的结果。
摘要由CSDN通过智能技术生成

相关前端代码如下:

<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编码"/>&nbsp;

&nbsp;

<input type="submit" name="md5" value="计算md5"/>&nvsp;&nbsp;

<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框架共同实现的。











评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值