Ajax가 MVC 컨트롤러로 양식 ID를 보낼 수 없습니다.

Question

ajax에 약간의 문제가 있습니다. 그러니 먼저 내 행동을 보여 줄거야.

형태 :

public JsonResult AddQuestion(SurveyQuestion model, int id) 
{ 
    SurveyQuestion question = new SurveyQuestion(); 
    question.Body = model.Body; 
    question.CreatedOn = DateTime.Now; 
    question.ModifiedOn = DateTime.Now; 
    question.Priority = 0; 
    question.SurveyId = id; 
    question.Text = model.Text; 
    question.Type = QuestionType.Text; 

    _db.SurveyQuestions.Add(question); 
    _db.SaveChanges(); 
    return Json(question, JsonRequestBehavior.AllowGet); 
} 

나는 코드의 모든 부분을 작성하지 않았다 :

$("#btnSubmit").click(function() { 
    var data = $('#QuestionForm').serialize(); 

    $.ajax({ 
     type: "POST", 
     url: "/Survey/AddQuestion", 
     data: {data, @Model.Survey.Id}, 
     success: function() { 
      $("#AddQuestion").modal("hide"); 
      //alert("Survey Added"); 
      location.reload(); 
     } 
    }) 

}) 

가 여기 내 컨트롤러 액션의 :

<form id="QuestionForm"> 
    @Html.TextBoxFor(model => model.Body, new { @class = "form-control", @placeholder = "Body" }) 
    @Html.TextBoxFor(model => model.Text, new { @class = "form-control", @placeholder = "Text" }) 
</form> 

것은 여기 내 스크립트와 Ajax 코드의 , 그 중 일부는 나중에 코딩 할 것이기 때문에 하드 코드 된 것입니다. 그러나 문제는 두 가지를 보내는 것입니다. ID를 보내고 컨트롤러에서 ID를 삭제하지 않으면 직렬화 된 모델을 잘 보냅니다. 그러나 둘 다 보내면 ID를 가져 오지만 그에게 보낸 모델은 가져 오지 않습니다 (텍스트 및 본문 null의 경우) 이 문제를 어떻게 해결할 수 있습니까?

Answer 1

아래처럼 작업을 수행 할 수 있습니다

$("#btnSubmit").click(function() { 

    $.ajax({ 
     type: "POST", 
     url: "/Survey/AddQuestion", 
     // Add id like query string parameter like below 
     data: $('#QuestionForm').serialize() + '&id=' + @Model.Survey.Id, 
     success: function() { 
      $("#AddQuestion").modal("hide"); 
      //alert("Survey Added"); 
      location.reload(); 
     } 
    }) 
}) 

Answer 2

당신이 URL의 ID를 넣을 수 있습니다

$("#btnSubmit").click(function() { 
    var data = $('#QuestionForm').serialize(); 

    $.ajax({ 
    type: "POST", 
    url: "/Survey/AddQuestion?id=@Model.Survey.Id", 
    data: {data}, 
    success: function() { 
     $("#AddQuestion").modal("hide"); 
     //alert("Survey Added"); 
     location.reload(); 
    } 
    }) 

}) 

Answer 3

패스 ID 컨트롤러를 사용 FromUri에서 쿼리 문자열 매개 변수

$("#btnSubmit").click(function() { 
    var data = $('#QuestionForm').serialize(); 

    $.ajax({ 
    type: "POST", 
    url: "/Survey/AddQuestion?id=" + '@Model.Survey.Id', 
    data: {data, @Model.Survey.Id}, 
    success: function() { 
     $("#AddQuestion").modal("hide"); 
     //alert("Survey Added"); 
     location.reload(); 
    } 
}) 
}) 

로 매개 변수 앞에 속성이 있습니다.

다른 답변

$("#btnSubmit").click(function() { 
    var data = $('#QuestionForm').serialize(); 

    $.ajax({ 
     type: "POST", 
     url: "/Survey/AddQuestion", 
     data: {model : data, id: @Model.Survey.Id}, 
     success: function() { 
      $("#AddQuestion").modal("hide"); 
      //alert("Survey Added"); 
      location.reload(); 
     } 
    }) 

}) 

컨트롤러와 같이

public JsonResult AddQuestion(SurveyQuestion model,[FromUri]int id) 
{ 

    SurveyQuestion question = new SurveyQuestion(); 
    question.Body = model.Body; 
    question.CreatedOn = DateTime.Now; 
    question.ModifiedOn = DateTime.Now; 
    question.Priority = 0; 
    question.SurveyId = id; 
    question.Text = model.Text; 
    question.Type = QuestionType.Text; 

    _db.SurveyQuestions.Add(question); 
    _db.SaveChanges(); 
    return Json(question, JsonRequestBehavior.AllowGet); 
} 

Answer 4

public ActionResult ActionName(SurveyQuestion model, int id) 
{ 
    Your Code ....... 
}