ASP.NET MVC如何使用Ajax.BeginForm？

Question

我尝试使用Asp.net mvc4 Ajax助手，当我提交表单时，它会发回完整的帖子。

请注意，我在头元素中包含了Jquery和jquery.unobtrusive-ajax等所有重要脚本。

   <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
   <script src="@Url.Content("~/Scripts/jquery-1.9.1.min.js")" type="text/javascript">    </script>

学生控制器

 [HttpPost]
    public string Create(Students students)
    {
        if (Request.IsAjaxRequest())
        {
            if (ModelState.IsValid)
            {
                db.Students.Add(students);
                db.SaveChanges();
                // return RedirectToAction("Index");
            }
        }

        return "<h2>Customer updated successfully!</h2>";
    }

创建视图

@using (Ajax.BeginForm("Create","Students", new AjaxOptions() { HttpMethod= "POST",     UpdateTargetId = "fs1" }))
{

<fieldset id="fs1">
    <legend>Students</legend>

    <div class="editor-label">
        @Html.LabelFor(model => model.ST_NAME)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.ST_NAME)
        @Html.ValidationMessageFor(model => model.ST_NAME)
    </div>

    <div class="editor-label">
        @Html.LabelFor(model => model.ST_BIRTH_DATE)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.ST_BIRTH_DATE)
        @Html.ValidationMessageFor(model => model.ST_BIRTH_DATE)
    </div>

    <div class="editor-label">
        @Html.LabelFor(model => model.ST_PHONE)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.ST_PHONE)
        @Html.ValidationMessageFor(model => model.ST_PHONE)
    </div>

    <div class="editor-label">
        @Html.LabelFor(model => model.ST_ADDR)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.ST_ADDR)
        @Html.ValidationMessageFor(model => model.ST_ADDR)
    </div>

    <div class="editor-label">
        @Html.LabelFor(model => model.ST_CLASS)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.ST_CLASS)
        @Html.ValidationMessageFor(model => model.ST_CLASS)
    </div>

    <div class="editor-label">
        @Html.LabelFor(model => model.ST_STAT)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.ST_STAT)
        @Html.ValidationMessageFor(model => model.ST_STAT)
    </div>

    <div class="editor-label">
        @Html.LabelFor(model => model.LAST_UPDATE_DATE)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.LAST_UPDATE_DATE)
        @Html.ValidationMessageFor(model => model.LAST_UPDATE_DATE)
    </div>

    <div class="editor-label">
        @Html.LabelFor(model => model.CURRENT_CLASS_GRADE)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.CURRENT_CLASS_GRADE)
        @Html.ValidationMessageFor(model => model.CURRENT_CLASS_GRADE)
    </div>

    <div class="editor-label">
        @Html.LabelFor(model => model.CURRENT_CLASS)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.CURRENT_CLASS)
        @Html.ValidationMessageFor(model => model.CURRENT_CLASS)
    </div>

    <div class="editor-label">
        @Html.LabelFor(model => model.ST_CODE)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.ST_CODE)
        @Html.ValidationMessageFor(model => model.ST_CODE)
    </div>

    <div class="editor-label">
        @Html.LabelFor(model => model.REG_CLASS)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.REG_CLASS)
        @Html.ValidationMessageFor(model => model.REG_CLASS)
    </div>

    <div class="editor-label">
        @Html.LabelFor(model => model.IDNO)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.IDNO)
        @Html.ValidationMessageFor(model => model.IDNO)
    </div>

    <p>
        <input type="submit" value="Create" />
    </p>
</fieldset>
}

请注意，当我检查请求是否是ajax时，它给了我错误。