Question

目前我在Razor视图中有一个按钮的javascript函数，当用户点击它时，会出现一条弹出消息。

$("#confirmBtn").click(function() {
           alert("user confirmed address: " + address + street + country);

现在我想更改该功能，以便当用户点击它时，它会将参数作为HttpPost发送到控制器“SaveAddress”。

我怎样才能做到这一点？感谢。

Answer 1

在MVC中使用ajax表单

@using (Ajax.BeginForm("SaveAddress", "YourController", new AjaxOptions() { HttpMethod = "POST", UpdateTargetId = "elementwhichholdsthisform", OnSuccess = "OnFilterSuccess" }, new { id = "frmSaveAddress" }))
{
}

还记得添加对

的引用

jquery.unobtrusive-ajax.js

Answer 2

创建一个dto类：

public class AddressDto
{
    public string Address { get; set; }
    public string Street { get; set; }
    public string Country { get; set; }
}

您的控制器方法：

public ActionResult SaveData(AddressDto dto)
{
    // do stuff
    return Json(true);
}

您的ajax请求：

$("#confirmBtn").click(function() {
    // get values and pass them to dto
    var dto = {
        Address: address,
        Street: street,
        Country: country
    };

    $.ajax({
        url: 'MyController/SaveData',
        type: 'POST',
        data: { dto: dto },
        success: function (result) {
            // do stuff
        }
    });
}

Answer 3

使用表单回发或使用AJAX

有2个选项

- 使用下面的ajax

- 查看部分

<input type="text" id="address" name="address"/>

<input type="submit" id="btnSubmit" Value="Submit" 
 onclick="return myFunction()" />

- 脚本部分

<script type="text/javascript">
    var address=$('#address').val();

function myFunction(shipId) {
    $.ajax({
        type: 'POST',
        url: '@Url.Content("~/YourControllerName/SaveAddress")',
        cache: false,
        data: ({ add: address}),
        success: function (data) {
            if (data != null) {
                alert("Operation Completed")
            }
        },
        error: function () {

        }
    });
    return false;
 }
</script>

- 控制器

    public ActionResult SaveAddress(string add)
    {
        //Write your code here      
        return Json("", JsonRequestBehavior.AllowGet);
    }

注意： - 您可以创建模型类，并且能够发送多个值演示我只是发送单一价值。

- 使用下面的表格帖子

- 模型类

public class MyClass
{
public string address {get;set;}
public string street {get;set;}
}

- 控制器

    [HttpGet]
    public ActionResult SaveAddress()
    {
        //Write your code here      
        return View();
    }
   [HttpPost]
    public ActionResult SaveAddress(MyClass myclass)
    {
        //Write your code here      
        return RedirectToAction();
    }

- 查看

  @model YourSolutionName.Models.MyClass 

      @using (Html.BeginForm("SaveAddress","Your Controller Name",FormMethod.Post))
        {
           @Html.TextBoxFor(x => x.address )<br/>
           @Html.TextBoxFor(x => x.street)
   <br/>
    <input type="submit" id="btnSubmit" Value="Submit" />
        }

我希望它可以帮到你。谢谢

如何将多个参数从javascript函数传递到视图中的控制器？

3 个答案: