使用AJAX

Question

我将模型传递给我的观点。它的字段是隐藏的。我的tds在这里（在这个视图中）

我怎么说当我点击按钮（submit-btn2）时，首先我的java脚本代码执行。然后我的填充模型将被发布？

我的偏见：

    @Html.HiddenFor(m => m.username)
    @Html.HiddenFor(m => m.Tell)
    @Html.HiddenFor(m => m.Name)
    @Html.HiddenFor(m => m.Mobil)
    @Html.HiddenFor(m => m.Lname)

      <button class="btn btn-medium btn-general input-block-level" id="submit-btn2"   type="submit">save</button>

          //all tds are here in this page(this view)

        // $(document).ready(function () {
        //$('#submit-btn2').click(function () {
        //$("#username").val($(".tdBuyername").val());
        //$("#Tell ").val($(".tdPhone").val());
        //$("#Name ").val($(".tdRecievername").val());
        //$("#Mobil ").val($(".tdMobile").val());
        //$("#Lname ").val($(".tdLname").val());
          //});
        // });



      <script type="text/javascript">

$("#submit-btn2").click(function () { saveMyModel();});

function SaveMyModel()
{
    var e = document.getElementById("id_purchase");
    var str = e.options[e.selectedIndex].value;

    var e2 = document.getElementById("id_spend");
    var str2 = e.options[e.selectedIndex].value;

    $.ajax({
        url: '@Url.Action("Save", "Home")',
        type: 'POST',
        contentType: 'application/json',
        data: JSON.stringify({
            jsonMyModel: {

                username: $(".tdBuyername").val(),
                Tell: $(".tdPhone").val(),
                Name: $(".tdRecievername").val(),
                Mobil: $(".tdMobile").val(),
                Lname: $(".tdLname").val(),

                id_purchase: $("# id_purchase ").val(str),
                id_spend: $("# id_spend ").val(str2),
            }

            })
    });
}

myController的：

    [HttpGet]
    public ActionResult Customer()
    {
        var obj = new Project.Models.ModelClasses.ViewModelX();
        return PartialView(obj);
    }

    [HttpPost]
    public JsonResult Save(ViewModelX jsonMyModel)
    {
        var result = true;

        if (ModelState.IsValid)
        {

          result= MyClass.Insert (jsonMyModel.Address, jsonMyModel.Cod,
                jsonMyModel.idpurchase,
                jsonMyModel.idspend, jsonMyModel.Lname,
                jsonMyModel.Name, jsonMyModel.Tell, jsonMyModel.username);

        }
        else
        {

        }

        return Json(result, JsonRequestBehavior.AllowGet);

    }

MyClass的：

    public class ViewModelX
    {
    public Nullable< long > idpurchase { get; set; }
    public Nullable<long> idspend { get; set; }
    public string username { get; set; }
    public string Name { get; set; }
    public string Lname { get; set; }
    public string Tell { get; set; }
    public string Address { get; set; }
    public string CodPosti { get; set; }

}

Answer 1

只需将以下内容添加到click处理程序的末尾：

$('#myForm').submit();

其中myForm是表单的id属性。

假设您的控制器操作接受与您的视图键入的类匹配的参数，模型绑定器应该像往常一样处理它。

Answer 2

您使用的是强类型模型吗？

您所描述的内容可以通过两种方式完成。

使用AJAX发布数据而不重新加载页面。
使用普通表单发布数据。

使用AJAX

假设您的控制器方法如下：

[HttpPost]
public JsonResult Save(MyModel jsonMyModel)
{
 //do saving stuff
}

其中，您的模型MyModel看起来像

public class MyModel()
{
  public string Username { get; set;}
  public string Tell { get; set;}
  public string Name { get; set;}
  public string Mobile { get; set;}
  public string LastName { get; set;}
}

您可以使用普通的jquery或javascript创建控制器方法接受的模型，并使用AJAX将其发布如下：

 $("#submit-btn2").click(function () { saveMyModel();});

 function SaveMyModel()
 {
        $.ajax({
                url: '@Url.Action("Method", "SomeController")',
                type: 'POST',
                contentType: 'application/json',
                data: JSON.stringify({
                    jsonMyModel: {
                        Username:  $("#username").val(),
                        Tell: $("#Tell ").val(),
                        Name: $('#listviewlabel').val(),
                        Mobile: $("#Name ").val(),
                        LastName:$("#Lname ").val() 
                    })
           });
 }

使用普通表格

你可以直接谷歌这个东西。您甚至可以在帐户控制器中找到它。

在发布之前填写模型的字段

2 个答案:

使用AJAX

使用普通表格