MVC view与control数据传递

        MVC是一种常用的web应用程序的设计模式，其优点在于分离复杂的逻辑，我们可以在不关注复杂逻辑的情况下专注于视图设计，同时让代码是也变得方便了很多。view与control之间的数据传递与接收需要我们熟练掌握，通过项目学习，总结一下学到的知识点：

【control->view】

        从control向view端传递最常用的方式是传递json字符串，然后是一些常见数据类型：bool，string等等。

        json（Javascript Object Notation）传递，官方解释为：json是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，根据返回类型不同进行分析：

       （1）数据返回类型为actionResult（称为控制器中的Action，处理请求，返回请求的处理结果）时： var data = new
{
total = listData.Count(), //整数型数据
rows = listData, //list类型数据

};
return Json(data, JsonRequestBehavior.AllowGet);        view端接收放到table的过程：
<table id="tg" url: '/Page/QueryAllClass'>
<thead style="height: auto;">
<tr>
<th data-options="field:'CourseId',width:80,align:'center'" hidden>课程ID</th>
<th data-options="field:'CourseName',width:80,align:'center'">课程名称</th>
<th data-options="field:'TotalScore',width:80,align:'center'">分值</th>
<th data-options="field:'ExamineeIsJudgment',width:80,align:'center'" hidden>状态</th>
<th data-options="field:'ExamID',width:80,align:'center'" hidden>考试ID</th>
<th data-options="field:'ExamName',width:80,align:'center'">考试名称</th>
<th data-options="field:'QueryScoreZero',width:80,align:'center',formatter:MainContent">进入判分</th>
</tr>
</thead>
</table>        使用getJson方法获取：
$.getJSON("/ExamSelection/QueryExamByTeacher", null, function (data) {
var columns = new Array();

var column={ field:data.papers.value,title:'总分',width:80,align:'center'}
columns.push(column);

var column1 = { field: 'QueryScoreZero', title: '进入判分', width: 80, align: 'center', formatter: MainContent }
columns.push(column1);
initTable(columns);
});

        field后面的字段是返回的rows的属性字段，这样就存在一个问题，返回实体listData可能与table中显示的字段不一致，这样导致数据传输出错，解决的方法：自己再重新定义一个model（在开发过程中往往需要调用其他模块的model，这样修改起来会很麻烦，在自己模块重新定义，会导致很多属性冗余）；另一种方法可以在controller端定义需要的数据类型，来承载数据，比如datatable，具体如下：

    （2）数据返回类型为string，拼接table字符：

      DataTable ExamInfo = new DataTable(); //定义需要的datatable
ExamInfo.Columns.Add("CourseId"); //添加列字段
ExamInfo.Columns.Add("CourseName");
ExamInfo.Columns.Add("ExamID");
ExamInfo.Columns.Add("ExamName");
ExamInfo.Columns.Add("TimeSet");
ExamInfo.Columns.Add("TotalScores");
      在datatable中赋值：

ExamInfo.Rows.Add(new object[] { listData[i].CourseId, listData[i].CourseName, listData[i].ExamId, listData[i].ExamName, listData[i].TimeSet, listPaper[0].TotalScore }); //可以将listData实体和listPaper的某些字段都放进去

     特别注意，因为默认定义的datatable是没有行的，所以不能使用下面的字段进行添加数据：
ExamInfo.Rows[i]["CourseName"] = listData[i].CourseName;
ExamInfo.Rows[i]["ExamID"] = listData[i].ExamId;
ExamInfo.Rows[i]["ExamName"] = listData[i].ExamName;
ExamInfo.Rows[i]["TimeSet"] = listData[i].TimeSet;
ExamInfo.Rows[i]["TotalScores"] = listPaper[0].TotalScore;     可以有一种巧妙的方式：在上面的代码开头，让第一个字段通过Add方法，就没有问题了：
                 ExamInfo.Rows.Add(listData[i].CourseId);

     序列化，拼接字符串：

    char[] specialChars = new char[] { ',' };
string JSONstring = "[";

int index = 0;
foreach (DataRow dr in ExamInfo.Rows) {
JSONstring += "{";

foreach (DataColumn dc in ExamInfo.Columns) {
JSONstring += "\"" + dc.ColumnName + "\":\"" + dr[dc].ToString() + "\",";
}
JSONstring = JSONstring.TrimEnd(specialChars);
JSONstring += "},";

index++;
}

JSONstring = JSONstring.TrimEnd(specialChars);
JSONstring += "]";
return JSONstring; //返回datatable接收的json字符串

     （3）返回的数据类型为bool值
       controller端：ViewBag.Message = flag.ToString();

       view端接收：var message = '@ViewBag.Message';

【view->contraller】

      从view端传递到view端的数据类型均可以看做对象类型：

      (1)使用方法传递数据

var effectRow = new Object();
effectRow["updated"] = JSON.stringify(rows);

$.post('/Evaluation/Commit', effectRow, function (rsp) {
if (rsp) {
$.messager.alert("提示", "提交成功了！");

$('#dg').datagrid('loadData', { total: 0, rows: [] });
}
}, "JSON").error(function () {
$.messager.alert("提示", "提交错误了！");
});     上面代码将整张表以对象的形式传递给controller，接收反序列化得过程：
string updated = Request.Form["updated"]; //获得传递来的对象

if (updated != null)
{

//去掉反义字符串
string updatedEdit1 = updated.Replace("\"", "");
string updatedEdit2 = updatedEdit1.Replace("[", "");
string updatedEdit3 = updatedEdit2.Replace("]", "");
string updatedEdit4 = updatedEdit3.Replace("},{", "}");
string[] updatedEdit = updatedEdit4.Split(new Char[] { '}', '{' }, StringSplitOptions.RemoveEmptyEntries);

IList<YzDetailEvaluationEntity> staffDetail=new List<YzDetailEvaluationEntity>();
IList<Guid> settingID = new List<Guid>();
for (int i = 0; i < updatedEdit.Length; i++)
{
YzDetailEvaluationEntity detailEntity = new YzDetailEvaluationEntity();

string pat = @"(?<key>[^,:\s]*):(?<value>[^,:\s]*)"; //反序列化过程
//一组之间的数据拿出来
//for (int j = 0; j < detailevaluationinfo.Length; j++) {
MatchCollection matches = Regex.Matches(updatedEdit[i], pat);

Dictionary<string, string> dict = new Dictionary<string, string>();

foreach (Match m in matches) //获得匹配字符串
{
if (dict.ContainsKey(m.Groups["key"].Value)) continue;//不能重复啊
dict.Add(m.Groups["key"].Value, m.Groups["value"].Value);
}

 【总结】

       上面所使用的代码比较基础，在实践中经常用到，使用框架封装后使用会更加方便，但我们也要在了解基础的情况下进行封装。相信，在接下来的实践过程中会掌握更加熟练。