0

我有一个文本框控件，脚本是

<asp:TextBox ID="txtDate" EnableTheming="false" CssClass="calender" 
                        runat="server" ClientIDMode="Static"></asp:TextBox>

在日历控件中，如果我选择一个特定日期，我需要在该特定日期从数据库中获取记录，所以我尝试将文本框更改事件作​​为

$(function () {
    $('#txtDate').change(function () {
        $.ajax({
            type: "POST",
            url: "/DataService.asmx/fetchAbsentees",
            contentType: "application/json; charset=utf-8",
            data: "{'date' : '" + $("#txtDate").val() + "'}",
            dataType: "json",
            success: function (data) {
                alert("Successfully reached.");
            },
            error: function (req, status, error) {
                alert("ERROR:" + error.toString() + " " + status + " " + req.responseText);
            }
        });
    }).triggerHandler('change');
});

Web服务从这里很好地被触发，但是每当我运行应用程序时它就会被触发，我希望它只有在我更改文本框中的日期时才会被触发......任何人都可以在这里帮助我。

注意：我正在使用母版页。

4

1 回答 1

3

您需要删除以下部分：

.triggerHandler('change');

这会导致事件立即触发。

您的最终代码应如下所示：

$(function () {

    $('#txtDate').change(function () {
        $.ajax({
            type: "POST",
            url: "/DataService.asmx/fetchAbsentees",
            contentType: "application/json; charset=utf-8",
            data: "{'date' : '" + $("#txtDate").val() + "'}",
            dataType: "json",
            success: function (data) {
                alert("Successfully reached.");
            },
            error: function (req, status, error) {
                alert("ERROR:" + error.toString() + " " + status + " " + req.responseText);
            }
        });
    });

});
于 2012-04-05T13:45:32.880 回答