使用ajax传递及接收数据

时间:2023-03-09 19:22:26
使用ajax传递及接收数据

前端代码:

     <input id="txtNum1" name="txtNum1" type="text" width="130" />
<select id="fh" name="fh">
<option id="jia" value="+">+</option>
<option id="jian" value="-">-</option>
<option id="chen" value="*">*</option>
<option id="chu" value="/">/</option>
</select>
<input id="txtNum2" name="txtNum2" type="text" width="130" />
<input id="btnSubmit" type="button" value="=" />
<input id="txtResult" type="text" width="130" /> @section scripts{
<script>
$(function () {
$("#btnSubmit").bind("click", function () {
debugger
$.ajax({
@*url: '@Url.Action("JS")',*@
url: "/Home/JS",
data: {
"num1": $("#txtNum1").val(),
"num2" : $("#txtNum2").val(),
"fh":$("#fh").val()
},
dataType: "json",
type: "post",
success: function (data){
$("#txtResult").val(data.Result);
},
error: function (e, a){
alert(a);
}
})
})
})
</script>
}

后台action代码:

 [HttpPost]
public JsonResult JS(string num1, string num2,string fh)
{
int result = ;
try
{
switch (fh)
{
case "+":
result = Convert.ToInt32(num1) + Convert.ToInt32(num2); break;
case "-":
result = Convert.ToInt32(num1) - Convert.ToInt32(num2); break;
case "*":
result = Convert.ToInt32(num1) * Convert.ToInt32(num2); break;
case "/":
result = Convert.ToInt32(num1) / Convert.ToInt32(num2); break;
default:
break;
}
}
catch (Exception ex)
{
log.Error("Error", new Exception(ex.Message));
return Json("");
}
var data = new { Result = result };
return Json(data);
}