mvc使用JsonResult返回Json数据
json字符串与JSON对象<控制器>
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using System.Configuration; using System.Data.sqlClient; using System.Data; using JSON.Models; namespace JSON.Controllers { public class HomeController : Controller { public ActionResult Index() { return View(); } /// <summary> /// 获取年龄 /// </summary> /// <param name="username"></param> /// <returns>返回一个字符串</returns> public ActionResult GetAge(string username) { var age = ""; if (!string.IsNullOrWhiteSpace(username)) { string sql = "select Age from t_user where UserName=@username"; age = (sqlHelper.ExecuteScalar(sql,new sqlParameter("username",username))).ToString(); } return Content(age); } /// <summary> /// 获取姓名 /// </summary> /// <param name="id"></param> /// <returns>方法放回一个Table表的Json对象</returns> public ActionResult GetName(int id) { string sql = "select * from t_user where id=@id"; DataTable dt=sqlHelper.ExecuteDataTable(sql,new sqlParameter("id",id)); string data = DataTableToJson.ToJson(dt); //调用DataTableToJson类的ToJson方法，将dt这个表转换成Json格式的字符串 //Type type= data.GetType(); 通过type调试得知data其实就是一个string类型。 var res = new JsonResult(); res.Data = new { MyData = data };//将Json格式的字符串data赋给一个匿名类对象的MyData属性(注：这个MyData名字你可以自己随意定义)。然后将这个匿名类对象赋给res的Data属性。 res.JsonRequestBehavior = JsonRequestBehavior.AllowGet; return res;//也可以写成下面的形式 //return new JsonResult //返回一个JsonResult对象 //{ // Data = new { MyData = data },// JsonRequestBehavior = JsonRequestBehavior.AllowGet //}; } } }
<视图>
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<!DOCTYPE html>
<html>
<head runat="server">
<Meta name="viewport" content="width=device-width" />
<title>Index</title>
<script src="../../Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
</head>
<body>
<div id="div1" style="color: Red">
</div>
<div id="div2" style="color: Blue">
</div>
<input type="button" value="获取姓名" id="btnClick" />
</body>
<script type="text/javascript">
$.ajax({
url: "/Home/GetAge",type: "get",//async: true,dataType: "json",data: { username: "周晶" },success: function (ajaxData) {
$("#div1").text(ajaxData);
}
});
</script>
<script type="text/javascript">
$(function () {
$("#btnClick").click(function () {
$.ajax({
url: "/Home/GetName",data: { id: "1" },success: function (Dbdata) {
//debugger; 如果你要调试的话，就在这里写上debugger执行的时候就会跳到这里来了。然后按F10往下执行
//console.log('Dbdata',Dbdata); //在浏览器控制台输出日志
var str = Dbdata.MyData; //获取key为MyData的这个Json格式的字符串
//alert(str); //弹出{"Id":1,"UserName":"周晶","Age":25,"Gender":0}
//在数据传输过程中，json是以文本，即字符串的形式传递的，所以从ajax的服务器发过的，一定是字符串。而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键
//var obj = eval('(' + str + ')'); //将str这个Json格式的字符串转换成Json对象,但不推荐这些方式，这种方式不安全eval会执行json串中的表达式。
var obj = $.parseJSON(str); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象
$("#div2").text(obj.UserName);
}
})
})
})
</script>
</html>
sqlHelper
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Configuration; using System.Data.sqlClient; using System.Data; using System.Reflection; namespace JSON.Controllers { public class sqlHelper { /// <summary> /// 获取连接数据库字符串 /// </summary> private static string connStr = ConfigurationManager.ConnectionStrings["ConnStr"].ConnectionString; /// <summary> /// 执行查询，并将查询的结果以DataTable的形式返回 /// </summary> /// <param name="sql">要执行的sql语句</param> /// <param name="parameters">sql语句的参数</param> /// <returns>返回值是一个DataTable</returns> public static DataTable ExecuteDataTable(string sql,params sqlParameter[] parameters) { using (sqlConnection conn = new sqlConnection(connStr)) { conn.Open(); //换一种写法，与上面的几种写法稍稍有点不同 using (sqlCommand cmd = new sqlCommand(sql,conn)) { cmd.Parameters.AddRange(parameters); DataTable dt = new DataTable(); using (sqlDataAdapter adapter = new sqlDataAdapter(cmd)) { adapter.Fill(dt); return dt; } } } } }
1
2
3
4
===============================================第二种写法。直接将字符串赋值给JsonResult对象的Data属性。看图可以对比直接将Json格式的字符串赋值给JsonResult对象的Data属性的与将匿名类对象赋值给JsonResult对象的Data属性的区别。
控制器
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using System.Configuration; using System.Data.sqlClient; using System.Data; using JSON.Models; namespace JSON.Controllers { public class HomeController : Controller { public ActionResult Index() { return View(); } /// <summary> /// 获取年龄 /// </summary> /// <param name="username"></param> /// <returns>返回一个字符串</returns> public ActionResult GetAge(string username) { var age = ""; if (!string.IsNullOrWhiteSpace(username)) { string sql = "select Age from t_user where UserName=@username"; age = (sqlHelper.ExecuteScalar(sql,id)); string data = DataTableToJson.ToJson(dt); //调用DataTableToJson类的ToJson方法，将dt这个表转换成Json格式的字符串 var res = new JsonResult(); res.Data = data;//这里直接将data这个字符串赋值给res的Data属性 res.JsonRequestBehavior = JsonRequestBehavior.AllowGet; return res; } } }
视图
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<!DOCTYPE html>
<html>
<head runat="server">
<Meta name="viewport" content="width=device-width" />
<title>Index</title>
<script src="../../Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
</head>
<body>
<div id="div1" style="color: Red">
</div>
<div id="div2" style="color: Blue">
</div>
<input type="button" value="获取姓名" id="btnClick" />
</body>
<script type="text/javascript">
$.ajax({
url: "/Home/GetAge",success: function (Dbdata) {
//将Dbdata这个字符串转换成Json对象
var obj = $.parseJSON(Dbdata); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象
$("#div2").text(obj.UserName);
}
})
})
})
</script>
</html>
图2
原文链接：https://www.f2er.com/ajax/164119.html