asp.net-MVC ajax JSON 发布到控制器操作方法

Question

我知道同样的问题有答案，但它们在我的项目中不起作用。 我有控制器，我向员工发送消息。 ID 我和 Ajax 一起服用。 我从数据库收到的电子邮件。但是getEmployeeEmail((返回我的电子邮件(这是正确的( 控制器名称：雇主活动

当我发送帖子时代码不起作用。 我的阿贾克斯邮政编码：

$(document).ready(function () {
$(".buttonSendEmail").click(function () {
var orderText = $(".orderData").text();
alert(orderText);
$.ajax({
type: "POST",
contentType: 'application/json; charset=utf-8',
url: "@(Url.Action("Create", "EmployersActivity"))",
data: { id: 1 },
dataType: "json",
traditional: true,
error: function (message) {
alert("error on start")
$(".contentReqGood").show();
redirect();
},
success: function (result) {
if (result.status === 1) {
alert("error")
} else {
$(".contentReqGood").show();
redirect();}})})});

asp.net MVC代码：

[HttpGet]
[Authorize]
public ActionResult Create()
{
return View();
}
[HttpPost]
[Authorize]
[ValidateAntiForgeryToken]
public ActionResult Create(int? id)
{
if (id == null)
return new HttpStatusCodeResult(HttpStatusCode.BadRequest);
var email = db.employees.Find(id);
if (email == null)
return HttpNotFound();
if (email != null)
{

if (db.SaveChanges() == 1)
{
string mailTemplate;
string title = "asdasd";
string preview = "asdasdasd";
var sr = new StreamReader(Server.MapPath("~/App_Data/Templates/" + "InfoEmail.txt"));
mailTemplate = sr.ReadToEnd();
string messageBody = string.Format(mailTemplate, title, preview);
new MailSender
{
Sender = "[e-mail]",
Recipient = "[e-mail]",
RecipientsBcc = getEmployeeEmail(),
Subject = title,
Body = messageBody
}.Send();}}
return View();}

Answer 1

您对当前示例有几个问题：

1([Authorize]属性在POST方法上是不必要的，因为在GET操作方法中使用它应该足以防止未经授权的用户。

2(由于您要将AJAX请求发送到包含[ValidateAntiForgeryToken]属性的POST方法，因此有必要将CSRF预防令牌发送到AJAX请求中。

3( 删除dataType: "json"、contentType: 'application/json; charset=utf-8'和traditional: true，因为您发送的是单个整数数据，而不是使用数组或 JSON 格式的字符串。

4(AJAX回调旨在保持在同一页面中，因此return View()应替换为return PartialView()。

基于上述 4 个问题，如果需要使用 AJAX，则应设置请求和控制器操作，如下例所示：

AJAX 请求

$(document).ready(function () {
$(".buttonSendEmail").click(function () {
var orderText = $(".orderData").text();
alert(orderText);
var form = $('form');
var token = $('input[name="__RequestVerificationToken"]', form).val();
$.ajax({
type: "POST",
url: "@Url.Action("Create", "EmployersActivity")",
data: { id: 1, __RequestVerificationToken: token },
error: function (message) {
alert("error on start");
// other stuff
},
success: function (result) {
$(".contentReqGood").show();
// other stuff
}
});
});
});

控制器操作

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Create(int? id)
{
if (id == null)
return new HttpStatusCodeResult(HttpStatusCode.BadRequest);
var email = db.employees.Find(id);
if (email == null)
return HttpNotFound();
if (email != null)
{
// do something
}
return PartialView("_PartialViewName");
}

除此之外，如果您想将整个视图模型内容传递给 POST 操作方法或在提交后对RedirectToAction()使用重定向，那么您应该改用普通表单提交(带有Html.BeginForm()助手(。