ASP.NET在更改文本框，触发客户端事件和服务器事件后单击按钮

Question

我有一个弹出式窗口，用于更改带有3个文本框（地址，省和ZIP）和一个城市的DropDownList的地址。 更改邮政编码后，它会用ajax调用更改省份文本框，如果可以，我想在以后添加填充城市ddl。 问题是，如果我现在更改邮政编码，然后在其外部单击，然后单击“保存”按钮工作正常，则服务器端功能中的值正确，但是如果更改邮政编码然后直接单击到保存按钮，我也可以在界面中看到省文本的正确更改，但是在btnSave_Click中，它仍然具有旧值。 我试图使ajax调用不异步，但是还是没有。

ASPX：

<table>
    <tr>
        <td>
            <label>Address</label>
            <asp:TextBox ID="txtAddress" runat="server"></asp:TextBox>
        </td>
    </tr>
    <tr>
        <td>
            <label>Province</label>
            <asp:TextBox ID="txtProvince" runat="server"></asp:TextBox> 
        </td>
        <td>
            <label>City</label>
            <asp:DropDownList ID="ddlCity" runat="server"></asp:DropDownList>
        </td>
        <td>
            <label>ZIP Code</label>
            <asp:TextBox ID="txtZIP" runat="server"></asp:TextBox>
        </td>
    </tr>
    <tr>
        <td colspan="3"><asp:Label id="lblError" runat="server" style="color:Red" Visible="false" /></td>
    </tr>
    <tr>
        <td colspan="3" style="text-align: center">
            <asp:ImageButton ID="btnResidenza" ImageUrl="/Images/Button/salva.png" runat="server"
                    OnClick="btnSave_Click" />
        </td>
    </tr>
</table>

jQuery的：

<script type="text/javascript" language="javascript">
    $(function () {
        $(document).on('change', 'input[id*="txtZIP"]', function () {
            $.ajax({ 
                type: "POST",
                contentType: "application/json; charset=utf-8",
                url: "CleanAddress.aspx/txtZIP_TextChanged",
                data: "{ZIP:'" + $("[id*='txtZIP']").val() + "'}",
                dataType: "json",
                success: function (response) {
                    $("[id*=txtProvince]").val(response.d);
                },
                error: function (result) {
                    alert("Errore! " + result.status + " - " + result.statusText);
                }
            });
        });
    });
</script>

网络方法：

[System.Web.Services.WebMethod]
public static string txtZIP_TextChanged(string ZIP)
{
    if ((ZIP.Trim() != "") && (ZIP.Length == 5))
    {
        dcListCityDataContext dc = new dcListCityDataContext();
        if (dc.City.Where(c => c.ZIP.Equals(ZIP)).Count() > 0)
        {
            string province = dc.City.Where(c => c.ZIP.Equals(CAP)).First().ID_PROVINCE.ToUpper();
            if (province != null)
            {
                return provincia;
            }
        }
    }
    return "";
}

服务器保存单击：

protected void btnSave_Click(object sender, ImageClickEventArgs e)
{
    try
    {
        string result = null;

        // HERE IS THE PROBLEM, BECAUSE I HAVE THE WRONG VALUE 
        // IN txtProvince.Text IF I CHANGE THE ZIP CODE AND CLICK
        // DIRECTLY ON THE SAVE BUTTON

        Save(txtProvince.Text, ddlCity.SelectedItem.ToString(), txtZip.Text, txtAddress.Text);
        lblError.Text = "";

    }
    catch (Exception ex)
    {
        (...)
    }
}

Answer 1

看起来像Jquery onchange的作品。 可能只有在失去焦点时才会触发。 也许您可以尝试使用事件OnkeyUp 。 这将在相应字段中按下的任何键上更新该字段。

更新评论：使用OnKeyUp会降低性能，但对于小型应用程序来说，这很好！