• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

ASP.NET MVC中从前台页面视图(View)传递数据到后台控制器(Controller)方式 ...

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

方式一:

 
数据存储模型Model:此方式未用到数据存储模型Model,仅简单的字符串string型数据传递
 
前台接收显示数据视图View:
 
 
<div style="height:300px; width:100%">
        <div style="margin-left:100px;margin-top:50px;">
            <input /><br />
            <input >
        </div>
</div>
 
复制代码
<script type="text/javascript">
 
        $(function () {
            $("#submitButton").click(function () {
                var data = $('#testData').val();
                $.post("/TransportData/GetFrontViewData", { frontViewData: data }, function () {
                    alert("submit data is OK!");
                });
            });
        })
       
</script>
复制代码
后台处理数据控制器Controller:
 
 
复制代码
public class TransportDataController : Controller
    {
        //
        // GET: /TransportData/
 
        public ActionResult Index()
        {
            return View();
        }
        public string GetFrontViewData(string frontViewData)
        {
            //handle frontViewData code
 
            return frontViewData;
        }
    }
复制代码
传输中数据样式截图:
 
  前台视图View输入测试值:
 
 
 
  后台控制器Controller获得此值:
 
 
 
 
 
方式二:
 
(借鉴:刘哇勇的部落格)
 
数据存储模型Model:
 
 
复制代码
public class Model
    {
        public string rtoNumber { set; get; }
        public string approver { set; get; }
        public string modifier { set; get; }
        public string comment { set; get; }
    }
复制代码
前台接收显示数据视图View:
 
 
复制代码
<div >
        <table >
            <tr>
                <td><label>RTONumber</label><input name="rtoNumber" /></td>
                <td><label>Approver</label><input name="approver" /></td>
                <td><label>Modifier</label><input name="modifier" /></td>
                <td><label>Comment</label><textarea name="comment" cols="30" rows="4"></textarea></td>
            </tr>
        </table>
        <input />
</div>
复制代码
 
复制代码
<script type="text/javascript">
        $(function () {
            $('#submit').click(function () {
                var model = [];
                var subModel = [];
                $.each($("table tr"), function (i, item) {
                    var RTONumber = $(item).find("[name=rtoNumber]").val();
                    var Approver = $(item).find("[name=approver]").val();
                    var Modifier = $(item).find("[name=modifier]").val();
                    var Comment = $(item).find("[name=comment]").val();
 
                    model.push({ rtoNumber: RTONumber, approver: Approver, modifier: Modifier, comment: Comment, checkBoxValue: subModel });
                });
                $.ajax({
                    url: '/TransportModelData/getModelInfo',
                    data: JSON.stringify(model),
                    type: 'POST',
                    contentType: 'application/json;charset=utf-8',
                    async: false,
                    success: function (data) {
                        //window.location.href = "/RequestStatus/RequestDetail?requestID=" + data.RequestID;
                        alert("Postting data is over!");
                    }
                });
            });
        });
</script>
复制代码
后台处理数据控制器Controller:
 
 
复制代码
public class TransportModelDataController : Controller
    {
        //
        // GET: /TransportModelData/
 
        public ActionResult Index()
        {
            return View();
        }
        public ActionResult getModelInfo(List<Model> model)
        {
            string rtoNumber = model[0].rtoNumber;
            string modifier = model[0].modifier;
            string comment = model[0].comment;
            string approver = model[0].approver;
 
            return Content("");
        }
 
    }
复制代码

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
ASP.NET中进行消息处理(MSMQ) 二(转)发布时间:2022-07-10
下一篇:
asp.netmvc常用的数据注解和验证以及entityframework数据映射发布时间:2022-07-10
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap