用ajax从文本框发送数据到asp.net mvc 5控制器

本文关键字：asp net mvc 控制器 数据 ajax 文本 | 更新日期: 2023-09-27 17:50:52

我需要一些帮助。我用ASP编写小应用程序。NET MVC5与JavaScript, jQuery, Ajax…我不能从javascript发送数据到MVC控制器和改变模型。

ViewModel 

public class MyViewModel
{
//...
    public string SearchString { get; set; }
    public int? FirstInt { get; set; }
    public int? SecondInt { get; set; }
}
Javascript 

    function keystroke() {
        var a = 0, b = 0;
        $('#search').keyup(function (event) { a = 1; });
        $('#search').keydown(function (event) { b = 1; });
        $("#search").keypress(function (event) {
            if (e.which === 13) {
                e.preventDefault();
                $('form').click(function () {
                    sendForm(a, b);
                });
            }
        });
    };
    function sendForm(a, b) {
        $.ajax({
            url: @Url.Action("Index", "Home"),
            type: 'POST',
            contentType: 'application/json',
            data: JSON.stringify({
                FirstInt: a,
                SecondInt: b
            }),
            success: function () {
                alert('success');
            }
        });
    };
<<p> 视图/strong> 
@using (Html.BeginForm("Index", "Home", FormMethod.Post, new { @class = "form-inline", role = "form" }))
            {
                <div class="form-group has-feedback">
                    @Html.TextBox("SearchString", ViewBag.SearchFilter as string, new
            {
                @class = "form-control",
                onclick="keystroke()",
                id = "search"
            })
                </div>
            }
控制器

public async Task<ActionResult> Index(MyViewModel model)
        {
            //...
            if (model.SearchString != null)
            {
                //...
                var a = model.FirstInt;
                var b = model.SecondInt;
            }
            //...
            return View(model);
        }

请帮助我，将所有的值发送到控制器。在JavaScript中更改的内容以及我在文本框中输入的内容。谢谢。

用ajax从文本框发送数据到asp.net mvc 5控制器

Javascript代码:

function keystroke() {
var a = 0, b = 0;
    $('#search').keyup(function (event) { a = 1; });
    $('#search').keydown(function (event) { b = 1; });
    $("#search").keypress(function (event) {
        if (e.which === 13) {
            e.preventDefault();
            $('form').click(function () {
                var text = $("#search").val()
                sendForm(a, b, text);
                return false;
            });
        }
    });
};
function sendForm(a, b, text) {
    var data = {FirstInt: a,SecondInt: b,SearchString: text}
    $.ajax({
        url: 'Home/Index',
        type: 'POST',
        contentType: 'application/json',
        data: data,
        success: function () {
            alert('success');
        }
    });
};

控制器代码
[HttpPost]
public async Task<ActionResult> Index(MyViewModel model)
    {
        //...
        if (model.SearchString != null)
        {
            //...
            var a = model.FirstInt;
            var b = model.SecondInt;
        }
        //...
        return View(model);
    }
相关文章：