使用部分视图内的输入文本框的 OnChange 刷新部分视图（C# .Net Core）答案

【问题标题】：Refresh a Partial View using OnChange of an Input textbox that is inside that Partial View (C# .Net Core)使用部分视图内的输入文本框的 OnChange 刷新部分视图（C# .Net Core）
【发布时间】：2020-04-15 03:55:10
【问题描述】：

我有一个带有局部视图的 Form.cshtml：

<form asp-action="Form">
   <div id="partialDiv">
       @Html.Partial("_SubletOrderLines")
   </div>
</form>

在同一个 Form.cshtml 上，我也有这个脚本：

$("#QtyOrder").change(function () {
        $.ajax(
            {
                url: '/controllername/ComputerOrder?OrderNo=' + Model.OrderNo + '&orderQty=' + $(this).val(),
                type: 'GET',
                data: "",
                contentType: 'application/json; charset=utf-8',
                success: function (data) {
                    $("#partialDiv").html(data);
                },
                error: function () {
                    alert("Error");
                }
            });
    });

在我的局部视图 (_SubletOrderLines) 中，我有以下输入文本：

<td>
    <input type="text" asp-for="@item.Qty" class="form-control" id="QtyOrder" />
</td>

我的问题是脚本没有在文本更改时触发。我在这里做错了吗？我可以通过url成功调用控制器，所以我认为ComputerOrder没有问题。

【问题讨论】：

标签： javascript c# .net .net-core

【解决方案1】：

根据我的经验，删除 ajax 调用中的内容类型

【讨论】：

您好，感谢您的帮助。也这样做了，但仍然没有工作。

【解决方案2】：

您正在尝试调用部分视图中的文本框的文本更改事件，这意味着在 DOM 渲染中将不可用。这就是为什么您的更改事件没有被触发的原因。尝试使用以下语法更新您的更改事件。

$(document).on("change","#QtyOrder",function(){
  $.ajax(
            {
                url: '/controllername/ComputerOrder?OrderNo=' + Model.OrderNo + '&orderQty=' + $(this).val(),
                type: 'GET',
                data: "",
                contentType: 'application/json; charset=utf-8',
                success: function (data) {
                    $("#partialDiv").html(data);
                },
                error: function () {
                    alert("Error");
                }
});

$(document).on() 可以工作。谢谢

【讨论】：

您好，感谢您的帮助，我已经尝试了您的建议，但仍然无法正常工作..