[英]How to call method in controller from view via ajax?
我创建一个调查。 对于整个调查,我只有“视图”,对于每个问题,我只有“部分”视图。 我也有分页。 所有这些都在下图中演示。
现在,人们可以使用GetAnswersMulti
方法将表单(整个问题)发布到服务器。 (我需要异步发布表单)。 我想添加一个功能-当有人看到最后一个未回答的问题时-按钮从“ 答案”变为“ 答案”并退出 。 我想通过删除一个按钮并添加另一个具有特定网址的按钮来实现。 问题是-服务器应检查此问题是否最后。 我尝试异步调用控制器中的相应方法并获取返回值。 我从SO上尝试了很多,然后得出了以下结论:
视图
<script>
function isLast(data) {
$.ajax({
type: "POST",
url: "@Url.Action("Survey", "IsLastQuestion")",
data: { idQuestion: data },
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (msg) {
alert("success");
if (msg == "True") {
$(".submitbutton").remove();
}
},
error: function (e) {
alert("Fail");
}
});
}
</script>
@using (Html.BeginForm("GetAnswersMulti", "Survey", FormMethod.Post))
{
<input value="Ответить" type="submit"
class="btn btn-default submitbutton"
onclick="isLast(@Model.FirstOrDefault().IdQuestion);" />
}
调节器
[HttpPost]
public ActionResult IsLastQuestion(int idQuestion)
{
Question question = Manager.GetQuestion(idQuestion);
List<Question> questions = Manager.SelectQuestions(question.idAnketa);
if (questions.Count == Manager.GetCountQuestionsAnswered(question.idAnketa, SessionUser.PersonID))
return new JsonResult() { Data = true };
else
return new JsonResult() { Data = false };
}
[HttpPost]
public void GetAnswersMulti(List<PossibleAnswerVM> possibleAnswers)
{
List<Answer> answers = new List<Answer>();
foreach (PossibleAnswerVM possibleAnswer in possibleAnswers)
{
Answer answer = new Answer();
answer.datetimeAnswer = DateTime.Now;
answer.idOption = possibleAnswer.IdOption;
answer.idPerson = SessionUser.PersonID;
if (possibleAnswer.IsChecked)
{
if (IsValid(answer))
answers.Add(answer);
}
}
Manager.SaveAnswers(answers,possibleAnswers.FirstOrDefault().IdQuestion, SessionUser.PersonID);
}
现在,将调用控制器中的方法并传递idQuestion。 控制器中的方法返回true(当它是最后一个问题时)。 然后我在js代码中失败了。 请帮助我。 我通过SO搜索了2天,但没有找到对我有用的东西。
最好使用Html.Beginform()并使用以下脚本:
<script>
function isLast(data) {
$.ajax({
type: "POST",
url: "@Url.Action("Survey", "IsLastQuestion")",
data: { idQuestion : data},
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (msg){
alert($.parseJSON(msg.d));
if (msg == "True") {
$(".submitbutton").remove();
}
},
error: function (e) {
alert("Fail");
}
});
}
</script>
@using (Html.BeginForm("GetAnswersMulti", "Survey", FormMethod.Post)
<input type="text" id="commentText" placeholder="Введите коментарий"/>
<input value="Ответить" type="submit"
class="btn btn-default submitbutton"
onclick="isLast(@Model.FirstOrDefault().IdQuestion);" />
}
为了使您的操作返回Json,操作的返回类型需要为Json。 由于该操作返回布尔值(真或假),因此不将其视为操作方法。 它需要像这样返回一个ActionResult
类型
public ActionResult IsLastQuestion(int idQuestion)
{
Question question = Manager.GetQuestion(idQuestion);
List<Question> questions = Manager.SelectQuestions(question.idSurvey);
if (questions.Count == Manager.GetCountQuestionsAnswered(
question.idSurvey,SessionUser.PersonID))
return Json(new{ d = true});
else
return Json(new{ d = false});
}
请注意,当我像这样return Json(new{ d = true});
时, return Json(new{ d = true});
,有一个匿名变量d
,它是您将要在success
函数中像这样检查的布尔值
success: function (msg){
alert($.parseJSON(msg.d));
if (msg.d === true) {
$(".submitbutton").remove();
}
else if(msg.d == false){
// Do something if false retured.
}
}
你可以这样尝试吗?
[HttpGet]
public ActionResult IsLastQuestion(int idQuestion)
{
Question question = Manager.GetQuestion(idQuestion);
List<Question> questions = Manager.SelectQuestions(question.idSurvey);
if (questions.Count == Manager.GetCountQuestionsAnswered(question.idSurvey, SessionUser.PersonID))
return Content("True", "application/json" );
else
return Content("False", "application/json" );
}
在您的ajax电话中,
function isLast(data) {
$.ajax({
type: "GET",
url: "@Url.Action("Survey", "IsLastQuestion")",
data: { idQuestion: data },
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (result)
{
//check the value inside result here..
},
error: function (e) {
alert("Fail");
}
});
}
IsLastQuestion函数中需要参数,而您不会在脚本中传递参数。
function isLast(parameter) {
$.ajax({
type: "POST",
url: "@Url.Action("Survey", "IsLastQuestion")",
data: "{parameter}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (msg){
alert($.parseJSON(msg.d));
},
error: function (e) {
alert("Fail");
}
});
if (isLast2 == true) {
$(".submitbutton").remove();
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.