jquery - ASP.NET MVC - jqueryUI を更新する代わりに JSON 応答でファイルが送信される

Question

json データを返しています。データがクライアントに返されていることを確認できます。しかし、jqueryaccordion を更新する代わりに、ファイルを保存するか開くように求められます。以下は私のスクリプトとコントローラーです。jqueryモーダルダイアログを使用して、部分ビューで従業員の詳細を編集しました。更新ボタンをクリックすると、アコーディオンリストのそれぞれの従業員が更新されます。どんな助けでも大歓迎です-ありがとう

アップデート

IE ツールを使用してデバッグしているときに、「更新」ボタンをクリックすると、「要求」タブの「イニシエーター」に「クリック」が表示されることに気付きました。これは代わりに「XMLHttpRequest」にする必要があると思います。この情報がお役に立てば幸いです。ありがとう

メインビュー

@Html.ActionLink("Edit Employee", "EditEmployees", "Home",
                        new { id = item.Id }
                        , new { @class = "editLink" })

従業員の編集フォームを使用した部分ビュー - EditEmployee.cshtml

@using (Ajax.BeginForm("EditEmployees", "Home", new AjaxOptions
        {
            InsertionMode = InsertionMode.Replace, 
            HttpMethod = "POST",
            OnSuccess = "updateSuccess"
        }, new { @id = "updateEmployeeForm" }))
    {
        <div class="editor-label">
            @Html.LabelFor(model => model.Name)
        </div>
        <div class="editor-field">
            @Html.TextAreaFor(model => model.Name)
            @Html.ValidationMessageFor(model => model.Name)
        </div>
    </fieldset>
}

editemployee フォームを含む部分ビューを返すアクション結果

Public ActionResult EditEmployee(int id)
{
//DataAccess part
return PartialView("EditEmployee",employeedata);
}

従業員の詳細を更新した後に Json Result を返すコントローラー

[HttpPost]
Public JsonResult EditEmployee(Models.Employee employee)  
{  
       //Data access part

     JsonResult result = new JsonResult();
                            result.Data = employeeData;
                            return result;
}

メイン ビューのスクリプト

   <script type="text/javascript">
            var linkObj;
            $(function () {
                $(".editLink").button();

            $('#updateDialog').dialog({
                autoOpen: false,
                width: 400,
                resizable: false,
                modal: true,
                buttons: {
                    "Update": function () {
                        $("#update-message").html(''); 
                        $("#updateEmployeeForm").submit();
                    },
                    "Cancel": function () {
                        $(this).dialog("close");
                    }
                }
            });

            $(".editLink").click(function () {
                //change the title of the dialog
                linkObj = $(this);
                var dialogDiv = $('#updateDialog');
                var viewUrl = linkObj.attr('href');
                $.get(viewUrl, function (data) {
                    dialogDiv.html(data);

                    var $form = $("#updateEmployeeForm");
                    // Unbind existing validation
                    $form.unbind();     
                               dialogDiv.dialog('open');
                });
                return false;
            });

        });

 function updateSuccess(data) {
 // I want to make sure that this function gets executed on Success instead of a file being sent back to me from the server
  $('#updateDialog').dialog('close');
  $('#commonMessage').html("Update Complete");
  $('#commonMessage').delay(400).slideDown(400).delay(3000).slideUp(400);
  alert("hello");

        }