我们需要传递一条JSON数据，所以我就在控制器中创建了一个person对象，将这个对象转成JSON格式来模拟，通过GetJson()这个方法传递给前台。

前台调用GetJson()方法，需要使用Ajax，所以我们在前台写一个按钮的点击事件触发这个方法，将数据传递过来，然后将数据传入自己写的Jquery方法，根据元素的类型判断依次为其赋对应的值，之后执行Bootbox的dialog方法，将表单及数据通过模态框方式显示。

接下来是最关键的部分，是这个功能得以实现的核心，上述的代码中有一句“$("#JsonForm”).populateForm(data);”这里的populateForm()就是自己定义的一个Jquery方法，代码是参考了某位前辈的代码，只是做出稍微修改。如果分析的复杂一点完全可以封装成一个通用的Jquery方法以满足不同的条件复用。以下代码写在一个名字为"GetJsonForm.js"的javascript文件中。

<div class="jb51code">
<pre class="brush:js;">
$.fn.populateForm = function (data) {
return this.each(function () {
var formElem,name;
if (data === null) { this.reset(); return; }
for (var i = 0; i < this.length; i++) {
formElem = this.elements[i];
name = formElem.name;
switch (formElem.type) {
case "radio":
if (data[name] === "") {
formElem.checked = false;
} else if (formElem.value === data[name]) {
formElem.checked = true;
}
break;
case "select-one":
formElem[0].value = data[name];
if (data[name] === null) {
formElem[0].text = "--";
} else {
formElem[0].text = data[name];
}
break;
case "button": break;
default:
if (data[name] === null) {
formElem.value = "--";
} else {
formElem.value = data[name];
}
}
}
});
};