项目6-加法运算-前后端分离-AspNetMvcApi&Ajax实现

后端核心代码:

public JObject Get(int a, int b)
        {
            var jo = new JObject();
            jo.Add("sum", a + b);
            return jo;
        }

前端核心代码:

@{
    ViewBag.Title = "Ajax-WebApi-加法演示";
}
<h2>AddTest</h2>
@Html.TextBox("FirstNum") <b>+</b>
@Html.TextBox("SecondNum") <b>=</b>
@Html.TextBox("SumNum")
<input type="submit" id="cal" value="计算" />
@section scripts{
    <script type="text/javascript">
        $(function () {
            $("#cal").click(function () {
                var a = $("#FirstNum").val();
                var b = $("#SecondNum").val();
                //alert(a+b);
                var Data = { "a":a, "b": b }                
                $.getJSON("/api/Add", Data, function (res) {                    
                    $("#SumNum").val(res.sum)                 
                });
            });
        })
    </script>
    }