Обновление представления с изменениями модели через Ajax Post с помощью функции javascript

Question

Я использую вызов Ajax, чтобы обновить значение моей модели и затем показать это новое значение в представлении. Вот мой код В этом коде я вызываю метод GetText и обновляю значение модели. Как я могу показать новое значение модели в html. Пожалуйста, помогите

public class EmpModel
{
public string EmpClaim {get;set;}
}


 public IActionResult EmpClaim()
 {
    return View();
 }
 [HttpPost]
    public ActionResult GetText(EmpModel model)
    {
        model.EmpClaim = "New Text" // This should be shown in view

         return Json(data);

    }

Html файл

@model Test.Models.EmpModel
<div>
<input type="text" name="Claim" class="form-control" id="TxtClaim"  asp-for="Claim" data-role="text"/>
</div>

<div>
    <input type="button" onclick="changeText()" id="changeButton"  />
</div>

Javascript

<script>
 function changeText()
{
 var url = '@Url.Action("GetText", "EmpDoc")';
    $.post(url, $('form').serialize(), function (view) {
        $("#TxtClaim").val(); // How can I update the TxtClim with model.EmpClaim "New Text" 
    });
}

</script>

Answer 1

Вы можете использовать return Content() для возврата строки в функцию ajax.

    [HttpPost]
    public IActionResult GetText(EmpModel model)
    { 
       model.EmpClaim = "New Text" // This should be shown in view  
        return Content(model.EmpClaim); 
    }

Js:

 <script>
     function changeText()
     {
     var url = '@Url.Action("GetText", "EmpDoc")';
        $.post(url, $('form').serialize(), function (view) {
            $("#TxtClaim").val(view); // How can I update the TxtClim with model.EmpClaim "New Text"
        });
    }
    </script>

Вот результат:

Примечание :

В вашем случае модель не имеет a key field, поэтому при обновлении данных вы не можете определить, какая часть данные для обновления. Дальнейшие операции могут потребовать изменения конструкции модели.

Вы можете обратиться к this .