View层-->View层的JS function-->Controller-->返回JSON数据-->View层的JS function
Controller:
public ActionResult JsonHashTable()
{
ArrayList list = new ArrayList();
Hashtable ht1 = new Hashtable();
Hashtable ht2 = new Hashtable();
ht1.Add("Key", "value11");
ht2.Add("Key", "value222");
list.Add(ht1);
list.Add(ht2);
return Json(list, JsonRequestBehavior.AllowGet);
}
public ActionResult JsonModel()
{
ChangePasswordModel model = new ChangePasswordModel();
model.NewPassword = "gxw";
return Json(model, JsonRequestBehavior.AllowGet);
}
{
ArrayList list = new ArrayList();
Hashtable ht1 = new Hashtable();
Hashtable ht2 = new Hashtable();
ht1.Add("Key", "value11");
ht2.Add("Key", "value222");
list.Add(ht1);
list.Add(ht2);
return Json(list, JsonRequestBehavior.AllowGet);
}
public ActionResult JsonModel()
{
ChangePasswordModel model = new ChangePasswordModel();
model.NewPassword = "gxw";
return Json(model, JsonRequestBehavior.AllowGet);
}
View层:
<script type="text/javascript">
function getHashTable() {
$.getJSON("/home/JsonHashTable", function (da) {
alert(da.length);
});
}
function getModel() {
$.getJSON("/home/JsonModel", function (da) {
alert(da.NewPassword);
});
}
</script>
<input type="button" id="btn" value="HashTable" onclick="getHashTable()" />
<input type="button" id="Button1" value="Model" onclick="getModel()" />
function getHashTable() {
$.getJSON("/home/JsonHashTable", function (da) {
alert(da.length);
});
}
function getModel() {
$.getJSON("/home/JsonModel", function (da) {
alert(da.NewPassword);
});
}
</script>
<input type="button" id="btn" value="HashTable" onclick="getHashTable()" />
<input type="button" id="Button1" value="Model" onclick="getModel()" />
当我们进入index.aspx页面后,出现两个button按钮,点击HashTable就调用getHashTable函数,这个函数访问Controller层JsonHashTable(),获得JSON,然后返回给前台View层