Как сделать постбэк с помощью JavaScript - AspNet.core

Мне нужно сделать что-то, о чем легко говорить, но немного сложно реализовать: всякий раз, когда, на мой взгляд, выбирается Person Nature, нужно запускать событие, которое запускает обратную передачу, отправлять модель просмотра в действие Create, чтобы она была отредактирована , затем он возвращается в мое представление, и моя @Model обновляется с изменением новой модели просмотра. Мне нужно сделать это через JavaScript. Я уже написал несколько постов на эту тему, но никто не хочет мне помогать, поэтому я решил начать с нуля. Кто-нибудь знает, как мне помочь?

Как сделать постбэк с помощью JavaScript - AspNet.core

[HttpPost]
[Authorize(Policy = "CanWriteCustomerData")]
[Route("pessoa-gerenciamento/cadastrar-novo")]
[ValidateAntiForgeryToken]
public IActionResult Create(PessoaViewModel pessoaViewModel)
{
     var pessoa = pessoaViewModel.Id = 1000;
     return View(pessoa);
}

   public class PessoaViewModel
    {
        [DisplayName("Código")]
        public int Id { get; set; }

        [DisplayName("Natureza")]
        [Required(ErrorMessage  = "Escolha uma Natureza")]
        public PessoaNatureza PessoaNatureza { get; set; }
     }

@using SistemaComercial.Domain.ValueObjects
@model SistemaComercial.Application.ViewModels.Pessoa.PessoaViewModel
@{
    ViewData["Title"] = "Cadastrar Nova Pessoa";
}


<!-- begin snippet: js hide: false console: true babel: false -->
@section Scripts {
    @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}

    <script>
    .....................Bloco JS
    </script>
}

<form asp-controller = "Pessoa" asp-action = "Create">
         <div class = "form-group">
          <label asp-for = "PessoaNatureza" class = "col-md-2 control-label"></label>
            <div class = "col-md-3">
              <select id = "PessoaNatureza" asp-for = "PessoaNatureza" asp-
                items = "Model.PessoasNaturezas" class = "form-control">
               <option value = "" data-id = "@Model.PessoaNatureza.ObterIdEnum()">--SELECIONE--</option>
              </select>
             <span asp-validation-for = "PessoaNatureza" class = "text-danger"></span>
         </div>
        </div>
    </form>

Вам нужно либо использовать форму в вашем HTML и отправить форму из JS, либо использовать AJAX для отправки данных модели в контроллер.

devlin carnate 20.03.2018 19:37

Essa parte eu consigo fazer normalmente. Точность обратной передачи в ЕС после выбора элемента без DropDownList.

Master JR 20.03.2018 19:42

Если вы хотите отправить обратно в контроллер, когда выбран раскрывающийся список, вы, вероятно, захотите использовать AJAX. Вы можете получить данные своей модели со страницы, отправить их через AJAX на контроллер, а затем предпринять некоторые действия после завершения вызова AJAX.

devlin carnate 20.03.2018 19:56

Смотрите здесь: stackoverflow.com/questions/33947882/…

devlin carnate 20.03.2018 20:00

Спасибо за помощь. Я не знаю, были ли у вас другие рассуждения ... В рассматриваемом случае мне нужно, чтобы JS выполнял POST в ViewModel для действия Create. Там он будет отредактирован (var person = personViewModel.Id = 1000;). Я смог использовать Ajax, чтобы предоставить посту форму #frmCreate. Теперь действие можно применить к шаблону представления и отредактировать его.

Master JR 20.03.2018 23:49

Теперь давайте зададим вопрос: теперь Precision вернула шаблон Create view, так что он занял место текущего представления, как, например, я редактировал Id. Это то, что я не могу сделать. Это невозможно? Можно ли вернуть модель просмотра через Ajax? Как бы я это сделал?

Master JR 20.03.2018 23:50

$ (function () {$ ('# PessoaNatureza'). change (function () {var url = "@ Url.Action (" Create "," Pessoa ")"; var data = $ ('# frmCreate'). serialize (); $ .ajax ({type: "POST", url: '@ Url.Action ("Create", "Pessoa")', data: data}). done (function (res) {// $ ( "#frmCreate"). data (res);});});});

Master JR 20.03.2018 23:50
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
7
464
0

Другие вопросы по теме