首先,在 ASP.NET MVC 项目中,创建一个控制器,比如 DataController.cs:
using System.Web.Mvc;
public class DataController : Controller
{
// GET: Data/GetPerson
public JsonResult GetPerson()
{
// 创建一个示例对象
var person = new
{
Name = "John Doe",
Age = 30,
City = "Example City"
};
// 返回 JSON 数据
return Json(person, JsonRequestBehavior.AllowGet);
}
}
在上述代码中,GetPerson 方法返回一个匿名对象,并使用 JsonResult 类将其转换为 JSON 格式。请注意,JsonRequestBehavior.AllowGet 参数允许 GET 请求访问这个方法。
接下来,在前端页面中,使用 AJAX 来调用这个控制器方法:
<!DOCTYPE html>
<html>
<head>
<title>AJAX + JSON Example</title>
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
</head>
<body>
<script>
// 使用 jQuery 的 AJAX 函数发送 GET 请求
$.ajax({
url: '/Data/GetPerson', // 控制器方法的 URL
method: 'GET',
dataType: 'json', // 指定数据类型为 JSON
success: function(data) {
// 成功获取数据时的处理
console.log('Success:', data);
// 在这里处理获取到的 JSON 数据
},
error: function(error) {
// 请求失败时的处理
console.error('Error:', error);
}
});
</script>
</body>
</html>
确保将 /Data/GetPerson 替换为实际的控制器方法的 URL。这个例子中,前端通过 AJAX 发送 GET 请求,后端返回一个包含个人信息的 JSON 对象。
在实际应用中,你可能需要考虑更复杂的场景,例如处理 POST 请求、身份验证、错误处理等。如果涉及到更大规模的 API 开发,你可能会使用 ASP.NET Web API 来更专业地处理 JSON 数据。
转载请注明出处:http://www.zyzy.cn/article/detail/4555/JSON