Question

Using MVC 3

I have a button that saves a mvc questionare form. The form will have 50 or more questions with user answers. I decided to serailize the form instead of placing the answers in a array to send to the controller. Not sure how to read the form and grab the question Id and the answers?

Ajax Call:

$.ajax({
        url: '/Question/SaveQuestionaire',
        type: 'POST',
        cache: false,
        dataType: 'json',
        data: $("#SignupForm").serialize(), // creates an object for you

View:

@using COPSGMIS;
@model IEnumerable<COPSGMIS.Models.Quiz>

@{
    ViewBag.Title = "Questionaire";
}
<h2>Questionaire</h2>
  <input type="hidden" id="currentstep" name="currentstep" />
   @using (Html.BeginForm("Questionaire", "Question", FormMethod.Post, new { id = "SignupForm" }))
   {
       <div id="wizardtemplate">       
            @foreach (var step in Model)       
            {
              <fieldset class="wizard">
                <div class="page_Title"> @Html.DisplayFor(modelItem => step.Title)</div>               
                @foreach (var question in step.Results)
                {
                ... code removed ....
                <label for="question">@Html.DisplayFor(modelItem => question.NumberedQuestion)</label>  
                 @Html.Raw(Html.DisplayControl(question.QuestionID, question.Choices, question.AnswerValue,question.ControlType)) 
                 </div>                               
                 @Html.Partial("_Comment", question)
               <hr />
                }
              </fieldset>
            }

HTML RENDERED:

<label for="question">3. This is a sample question (2) for the questionare?</label>  
                 <div class='answer'><input type='date' id='3' name='3' value='2012-12-10' /></div> 
                 </div>                               
 ... code removed ....

 <label for="question">4. This is a sample question (3) for the questionare?</label>  
                 <div class='answer'><input type='text' id='4' name='4' value='999' /></div> 
                 </div>           

Model:

 public class Quiz
    {
        public int ReviewID { get; set; }
        public int StepID { get; set; }
        public string Title { get; set; }
        public virtual IEnumerable<Result> Results { get; set; }
    }

I need help with

[HttpPost]
        public ActionResult SaveQuestionaire(int reviewid, Serialized? form)
.... code here

*UPDATED CODE*PLEASE LOOk HERE

My Ajax CALL:

function saveQuestioniare() {
           alert('Here');
           $.ajax({
            url: '/Question/SaveQuestionaire',
            type: 'POST',
            cache: false,
            dataType: 'json',
            data: {reviewid: 8, col:$("#SignupForm").serialize()},
                error: function (jqXHR, textStatus, errorThrown) {
                    alert(errorThrown);
                },
            success: function (json) {
                alert("hERE!");
            }
        });
    }

MY Controller:

 [HttpPost]
        public ActionResult SaveQuestionaire(int? id, FormCollection col)
        {
            using (var db = new NexGenContext())
            {
                foreach (var key in col.AllKeys.Where(q => !q.Contains("Comment_")))
                {
                    var answer = col[key];
                    int questionId = Convert.ToInt32(key);
                    db.Database.ExecuteSqlCommand(
                            "EXEC SP_AddUpdateResponse @QuestionID, @Reviewer, @AnswerValue, @ReviewID",
                            new SqlParameter("@QuestionID", questionId),
                            new SqlParameter("@Reviewer", "TEST - CG"),
                            new SqlParameter("@AnswerValue", answer),
                            new SqlParameter("@ReviewID", id)
                        );
                }
            }
            return Json("save", JsonRequestBehavior.AllowGet);
        }

Answer 1

have you tried

$.ajax({
        url: '/Question/SaveQuestionaire',
        type: 'POST',
        cache: false,
        dataType: 'json',
        data: {model:$("#SignupForm").serialize()},

and on the server side

[HttpPost]
public ActionResult SaveQuestionaire(int? reviewid, IList<Quiz> model)

or the old school way of getting the posted form values in FormCollection

[HttpPost]
 public ActionResult SaveQuestionaire(int? reviewid, FormCollection col)