controll:
//ajax.post类型请求时返回值最好ActionResult
public ActionResult PostSingle(String title)
{
Album a = new Album();
a.Title = title;
return Json(a);
}
//利用post取值,用get会取不到值
public ActionResult GetSingle()
{
Album a = new Album();
a.Title = "title_get";
return Json(a);
}
public ActionResult GetList()
{
Album a;
ArrayList list = new ArrayList();
a = new Album();
a.Title = "t1";
list.Add(a);
a = new Album();
a.Title = "t2";
list.Add(a);
a = new Album();
a.Title = "t3";
list.Add(a);
return Json(list);
}
model:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace WebApplication5.Areas.MyArea.Models
{
public class Album
{
public string Title { get; set; }
}
}
view:
@{
ViewBag.Title = "AjaxInfor";
}
<script type="text/javascript" src="~/Scripts/jquery-1.10.2.min.js"></script>
<h2>AjaxInfor</h2>
<input type="button" id="getbtn" value="get" />
<input type="button" id="postbtn" value="post" />
<input type="button" id="listbtn" value="list" />
<div id="myDiv" style="border:1px solid #f00;"></div>
<script>
$(function () {
//获取返回值为集合类型的值
$("#listbtn").click(function () {
$.ajax({
url: "/MyArea/Test/GetList",
type: "post",
async: false,
dataType: "JSON",
success: function (data) {
for (var i = 0; i < data.length;i++) {
$("#myDiv").append("Title:" + data[i].Title + "<br/>");
}
}
});
});
//取值
$("#getbtn").click(function () {
$.ajax({
url: "/MyArea/Test/GetSingle",
type: "post",
async: false,
dataType: "JSON",
success: function (data) {
$("#myDiv").append("Title:" + data.Title + "<br/>");
}
});
});
//post取值
$("#postbtn").click(function () {
$.ajax({
url: "/MyArea/Test/PostSingle",
type: "post",
async: false,
data: { title: "mytitle_post" },
dataType: "JSON",
success: function (data) {
$("#myDiv").append("Title:" + data.Title + "<br/>");
}
});
});
});
</script>
运行结果: