如何將模型從partialView傳遞到asp.net mvc中的javascript

Question

我想將模型從partialView傳遞到javascript，並在控制器中處理它，現在的問題是我無法在運行代碼的地方傳遞模型，該模型顯示為空。 誰可以幫我這個事？

* HTML代碼

@model List<TPMS.Models.Draft_SingleValue>
<div class="row">
    <div class="col-lg-12">
        <table class="table table-bordered">
            <thead>

                <tr class="bg-gray">

                    <th>Keyword</th>
                    <th>Default Value <span class="pull-right"><i class="fa fa-edit"></i></span></th>

                    <th><span class="pull-right"><i></i></span></th>
                </tr>
            </thead>
            <tbody>
                @foreach (var sdata in Model.OrderBy(i => i.Keyword))
                {
                    <tr id="@sdata.DraftSingleValue_ID">

                        <td id="sv:@sdata.DraftSingleValue_ID:Keyword" contenteditable="false">@sdata.Keyword</td>

                        <td id="sv:@sdata.DraftSingleValue_ID:Default_Value" contenteditable="false"> @sdata.Default_Value</td>

                        <td id="sv:@sdata.DraftSingleValue_ID" contenteditable="false" class="">
                            <span class="btn-group center-block" id="PlusButton">
                                <a class="btn btn-success btn-xs" href="javascript:AddKeyword('@sdata');"  data-id="@sdata"><i class="fa fa-plus"></i> </a>
                            </span>
                        </td>  

                    </tr>
                }
            </tbody>
            <tfoot>
                <tr class="bg-gray">

                    <th>Keyword</th>
                    <th>Default_Value <span class="pull-right"><i class="fa fa-edit"></i></span></th>

                    <th><span class="pull-right"><i></i></span></th>
                </tr>
            </tfoot>
        </table>
    </div>
</div>

* JavaScript

 function AddKeyword(SvModel) {

            debugger
            //var model = $('#Testing').attr('data-id');

            $.ajax({
                url: "@Url.Action("AddSingleValue", "Draft")",
                cache: false,
                type: "GET",
                datatype: 'html',
                data: {"Model": SvModel },

                success: function (data) {

                    $('#List_Keyword').modal('hide');
                    $("#List_SVKeywords").html(data);
                    $('#List_Keyword').modal('show');

                },
                error: function () {
                    alert('Failed to retrieve values.');
                    document.getElementById("del_err_span_dialog").innerHTML = "Fatal Error, Please try again.";
                }
            });


        }

*控制器

 public ActionResult AddSingleValue(Draft_SingleValue Model)
        {

            Draft_SingleValue svmodel = new Draft_SingleValue();

            svmodel.Draft_File_ID = Model.Draft_File_ID;
            svmodel.Data_Type = Model.Data_Type;
            svmodel.Group_Name = Model.Group_Name;
            svmodel.Is_Active = Model.Is_Active;
            svmodel.Keyword = Model.Keyword;
            svmodel.Max_Length = Model.Max_Length;
            svmodel.Min_Length = Model.Min_Length;
            svmodel.Modified_By = User.Identity.Name;
            svmodel.Modified_On = DateTime.Now;
            svmodel.Remarks = Model.Remarks;
            svmodel.Default_Value = Model.Default_Value;

                _temporaryrepo.Insert_TemporarySingleValue(svmodel);


            return ListSv(svmodel.Draft_File_ID);

            //return new EmptyResult();
        }

你們可以從上面的代碼c，即時通訊試圖將模型傳遞給AddKeyword函數，但我不能。 如果有人可以向我展示一種解決方法，那將是很棒的。

Answer 1

嘗試這個：

視圖：

@using (Html.BeginForm("YourActionMethod", "YourController", FormMethod.Post,
    new { id = "frmCreate", enctype = "multipart/form-data" }))
{       
    //code omitted for brevity
}

<script>
    $(function () {
        $('form').submit(function (event) {
            event.preventDefault();
            var formdata = new FormData($('#frmCreate').get(0));

            $.ajax({
                type: "POST",
                url: '@Url.Action("YourActionMethod", "YourController")',
                data: formdata, //! your model data
                dataType: "json",
                success: function (response) {
                    if (response.success) {
                        //success
                    }
                    else {
                        //error
                    }
                }
            });
        });
    });
</script> 

控制器：

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult YourActionMethod([Bind(Exclude = null)] Model viewModel)
{
    //...
    return Json(new { success = true, message = "Success!.." }, 
        JsonRequestBehavior.AllowGet);
}

希望這可以幫助...