2

Есть View:

@model DTOLibrary.PositionDto

@{
    ViewBag.Title = "Edit";
}

<h2>Edit</h2>

<div class="container" style="width:40%"; margin-top:2%>

    <form id="form">

        @Html.TextBoxFor(Model => Model.Name, new { @class = "form-control", @placeholder = "Name" })

        @Html.TextBoxFor(Model => Model.Salary, new { @class = "form-control", @placeholder = "Salary" })

        <input type="submit"  value="Submit" class="btn-block btn-primary" id="submit-button"/>

    </form>

</div>


<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script>
    $(document).ready(function () {
        debugger;
        console.log('your message');
        $("#submit-button").on('click',function () {
            $("#loaderDiv").show();
         
            var Data = $("#form").serialize();
            console.log(Data);
            $.ajax({
                
            type: "POST",
             url: "/Position/Edit",
            data: Data,
                succsess: function (response) {
                    $("#loaderDiv").hide();
                alert("you are done ");
            }
            })
        })
    })

</script>

в стрипте должен выполняться Post запрос к контроллеру, но при дебаге выяснил что после обращении к функции

$("#submit-button").on('click',function () {

оно идет в конец пропуская её выполнение, где я допустил ошибку?

2 ответа 2

2

При нажатии на кнопку "#submit-button" срабатывании события submit и происходит перерисовка страницы и соответственно js не успевает выполнится.

Нужно отметить submit для этого требуется использовать "e.preventDefault();"

    $("#submit-button").on('click',function (e) {
        e.preventDefault();
       // you code
    }

Так же отмечу, что событие submit лучше отслеживать через его вызов, а не через нажатие на кнопки

    $("#form").on('submit',function (e) {
        e.preventDefault();
       // you code
    }
1
0
    $("#submit-button").on('click',function (e) {
        e.preventDefault();
        $("#loaderDiv").show();
        ...

или

  <input type="button" ...

идет в конец пропуская её выполнение

Эта строчка не выполняет анонимную функцию, а прикрепляет ее к кнопке в качества обработчика события click.

1
  • Спасибо, понял исправлю=) 20 янв 2019 в 0:42

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.