目录
一、基本交互
1.后端重定向到指定路由
public IActionResult Index()
{
return RedirectToAction("Index", "Main");//重定向=>Main/Index
}
【备注】如果在MainController的Index方法中return View();本质是 return View("Index"),返回和方法同名的cshtml位置,即返回Main/Index.cshtml的页面;
2.后端接收前端AJAX的JSON数据
需要用[FromBody]来接收
$.ajax({
url: '@Url.Action("ProcessStudent", "Main")',//将发送一个POST请求到MainController的ProcessStudent方法中
type: 'POST',
contentType: 'application/json',
data: JSON.stringify(allStudents),//JSON格式发送
success: function (response) {
alert('后端成功响应: ' + response);
},
error: function () {
alert('Error: 后端没有回复');
}
});
二、常见问题
1.后端的不允许遍历的问题
原因:实体未强制转化
后端: ViewData["CateGroupList"] = grouplist;
前端加上:var catelist = ViewData["CateGroupList"] as List<Catelogue>;
这样就可以遍历catelist了
2.后端交互收到null值得问题
①后端传给前端有问题
原因:路由问题,只能在同一个控制器+方法名传输,例如Controller/MainController的Index方法,若其return View(),则其ViewData(或者ViewBag)只可以传输给Views/Main/Index.cshtml,不能够传递给其余前端界面,若想传递给其余前端界面,返回值可以使用重定向方法。
例如:
ViewData["CateGroupList"] = grouplist;
return view("RouteA")
前端只能在RouteA.cshtml中获取ViewData["CateGroupList"] ,不能在其他页面中获取
@{
var catelist = ViewData["CateGroupList"] as List<Catelogue>;
}
②前端传给后端有问题
原因一:AJAX的url/Type有误或与后端不对应,前端用JSON发送,后端需要加上[FromBody]。
原因二:标签name属性与后端不对应
$.ajax({
url: '@Url.Action("ProcessStudent", "Main")',//将发送一个POST请求到MainController的ProcessStudent方法中
type: 'POST',
});