您的位置:首页 > Web前端 > JavaScript

mvc使用JsonResult返回Json数据

2015-12-24 11:35 656 查看
/article/9173419.html

controller 中定义以下方法:

[html]
view plaincopyprint?

public JsonResult UpdateSingle(int id, string actionName, string actionValue)
{
var res = new JsonResult();
//var value = "actionValue";
//db.ContextOptions.ProxyCreationEnabled = false;
var list = (from a in db.Articles
select new
{
name = a.ArtTitle,
yy = a.ArtPublishTime
}).Take(5);
//记得这里要select new 否则会报错:序列化类型 System.Data.Entity.DynamicProxies XXXXX 的对象时检测到循环引用。
//不select new 也行的加上这句 //db.ContextOptions.ProxyCreationEnabled = false;
res.Data = list;//返回列表

var name = "小华";
var age = "12";
var name1 = "小华";
var age1 = "12";
res.Data = new object[] { new { name, age }, new { name1, age1 } };//返回一个自定义的object数组

var person = new { Name = "小明", Age = 22, Sex = "男" };
res.Data = person;//返回单个对象;

res.Data = "这是个字符串";//返回一个字符串,意义不大;

res.JsonRequestBehavior = JsonRequestBehavior.AllowGet;//允许使用GET方式获取,否则用GET获取是会报错。
return res;
}

public JsonResult UpdateSingle(int id, string actionName, string actionValue)
{
var res = new JsonResult();
//var value = "actionValue";
//db.ContextOptions.ProxyCreationEnabled = false;
var list = (from a in db.Articles
select new
{
name = a.ArtTitle,
yy = a.ArtPublishTime
}).Take(5);
//记得这里要select new 否则会报错:序列化类型 System.Data.Entity.DynamicProxies XXXXX 的对象时检测到循环引用。
//不select new 也行的加上这句 //db.ContextOptions.ProxyCreationEnabled = false;
res.Data = list;//返回列表

var name = "小华";
var age = "12";
var name1 = "小华";
var age1 = "12";
res.Data = new object[] { new { name, age }, new { name1, age1 } };//返回一个自定义的object数组

var person = new { Name = "小明", Age = 22, Sex = "男" };
res.Data = person;//返回单个对象;

res.Data = "这是个字符串";//返回一个字符串,意义不大;

res.JsonRequestBehavior = JsonRequestBehavior.AllowGet;//允许使用GET方式获取,否则用GET获取是会报错。
return res;
}

页面调用:

[html]
view plaincopyprint?

<a href="javascript:void(0);" onclick="javascript:upclick(this);">Click Me</a>
<script type="text/javascript">
function upclick(o) {
var obj = $(o);
alert(obj);
$.ajax({
url: "/Articles/UpdateSingle?ran=" + Math.random(),
type: "GET",
dataType: "json",
data: { id: obj.attr("id"), actionName: obj.attr("actionName"), actionValue: obj.attr("actionValue") },
success: function (data) {
// if (data.result == "True") {
// alert("修改成功!");
// }
// if (obj.attr("actionName") == "ArtVerify") {

// }
$(o).html(data[0].name);
obj.attr("actionValue", data[0].result);
}
})
}
</script>

<a href="javascript:void(0);" onclick="javascript:upclick(this);">Click Me</a>
<script type="text/javascript">
function upclick(o) {
var obj = $(o);
alert(obj);
$.ajax({
url: "/Articles/UpdateSingle?ran=" + Math.random(),
type: "GET",
dataType: "json",
data: { id: obj.attr("id"), actionName: obj.attr("actionName"), actionValue: obj.attr("actionValue") },
success: function (data) {
//                if (data.result == "True") {
//                    alert("修改成功!");
//                }
//                if (obj.attr("actionName") == "ArtVerify") {

//                }
$(o).html(data[0].name);
obj.attr("actionValue", data[0].result);
}
})
}
</script>

以上是在mvc中使用,在webform中怎么使用呢?

在webform中要引用Newtonsoft.Json.dll;

当然你也可以自己拼接字符串。

[csharp]
view plaincopyprint?

protected void Page_Load(object sender, EventArgs e) { var customer = new customer { name = "李华", sex = "男" }; var customer1 = new customer { name = "小芳", sex = "女" }; var li = new List<customer>(); li.Add(customer); li.Add(customer1); var list = Newtonsoft.Json.JavaScriptConvert.SerializeObject(li); var tt = "[{\"name\":\"李华\",\"sex\":\"男\"},{\"name\":\"小芳\",\"sex\":\"女\"}]"; //new Newtonsoft.Json.JsonSerializer()..(customer); Response.Write(tt); Response.End(); } public class customer { public string name { get; set; } public string sex { get; set; } }

protected void Page_Load(object sender, EventArgs e)
{
var customer = new customer { name = "李华", sex = "男" };
var customer1 = new customer { name = "小芳", sex = "女" };
var li = new List<customer>();
li.Add(customer);
li.Add(customer1);
var list = Newtonsoft.Json.JavaScriptConvert.SerializeObject(li);
var tt = "[{\"name\":\"李华\",\"sex\":\"男\"},{\"name\":\"小芳\",\"sex\":\"女\"}]";
//new Newtonsoft.Json.JsonSerializer()..(customer);
Response.Write(tt);
Response.End();
}

public class customer
{
public string name { get; set; }
public string sex { get; set; }
}

页面方法:

[html]
view plaincopyprint?

<p>
<a href="javascript:void(0)" onclick="javascript:getJsonData();">GetJsonData</a>
</p>
<div id="dataDiv">
ggg
</div>
<script type="text/javascript">
function getJsonData() {
var str = "";
$.getJSON("/Json.aspx", function (data) {
var tt = "";
$.each(data, function (k, v) {
$.each(v, function (kk, vv) {
tt += kk + ":" + vv + "<br/>";
});
});
$("#dataDiv").html(tt);
});
}
</script>

<p>
<a href="javascript:void(0)" onclick="javascript:getJsonData();">GetJsonData</a>
</p>
<div id="dataDiv">
ggg
</div>
<script type="text/javascript">
function getJsonData() {
var str = "";
$.getJSON("/Json.aspx", function (data) {
var tt = "";
$.each(data, function (k, v) {
$.each(v, function (kk, vv) {
tt += kk + ":" + vv + "<br/>";
});
});
$("#dataDiv").html(tt);
});
}
</script>

显示结果:




内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: