JQuery调用.NET MVC 返回 Json

来源:互联网 发布:java项目中的角色 编辑:程序博客网 时间:2024/05/22 03:47


1. 前台

<script type="text/javascript">
    $(document).ready(function () {
        $("#btnGetJson").click(function () {
            var flowId = $("#txtFlowId").val();
            //  alert(flowId);

            $.getJSON("/Flow/getJson", { "flowId": flowId }, function (data) {
                // alert(data);
                var htmlText = "<tr>";
                var fId = $(data).attr("flowId");
                var flowName = $(data).attr("flowName");
                var currUser = $(data).attr("currUser");
                htmlText += "<tr><td>" + fId + "</td><td>" + flowName + "</td><td>" + currUser + "</td></tr>";
                htmlText += "</tr>";
                $("#jsonTable").html(htmlText);
            });
        });
    });
</script>


<input id="btnGetJson" type="button" value="GetJson" />
<table id="jsonTable">
 </table>

 

2. 后台 Controller

     //输入流程Id,返回一个json
        [HttpPost]
        public ActionResult getJson(string flowId) {
            FlowVo flow = new FlowVo();
            flow.flowId = flowId;
            flow.flowName = "OverFlow e-flow_" + flowId;
            flow.currUser = "currUser_" + flowId;
            return Json(flow, JsonRequestBehavior.AllowGet);
        }


0 0
原创粉丝点击