c# - jquery post 进入循环

Question

我有这段代码，用于在“Enter”键上发布消息，但它正在循环中，而不是发布一条消息，而是随机发布多次。

这是我在<input id='txtsendmsg" + i + "' placeholder=\"Write a comment...\" onkeypress='PostMessage(event,"+i+");' class='msgtxt'></input>任何帮助中调用的功能，将不胜感激。

function PostMessage(event,key) {
    $('#txtsendmsg'+key).on("keypress", function (e) {
        if (e.which == 13) {
            var msgid = $(this).siblings('.msgid').val();
            var msgtxt = $(this).val();
            $.ajax({
                url: "student_post_login.aspx/funPostMessage",
                data: 'postd=' + "Y" + '&msgid=' + msgid + '&msgtxt=' + msgtxt,
                success: function (data) {
                    if (data) {
                        displayData();
                    }

                },
                failure: function (response) {
                    alert("Faliure:");
                },
                error: function (response) {
                    alert(response);
                }
            });
            e.preventDefault();
        }

    });
}

Answer 1

问题是因为您每次在输入字段中点击 a 键时都附加了一个事件处理程序。按一个键两次，你会收到两次请求，三次；三等。

尝试仅使用 jQuery 而不是onclick属性分配处理程序：

<input id='txtsendmsg" + i + "' placeholder=\"Write a comment...\" class='msgtxt' />

$('.msgtxt').on('keypress', function (e) {
    var $el = $(this);
    if (e.which == 13) {
        var msgid = $el.siblings('.msgid').val();
        var msgtxt = $el.val();

        $.ajax({
            url: "student_post_login.aspx/funPostMessage",
            data: 'postd=' + "Y" + '&msgid=' + msgid + '&msgtxt=' + msgtxt,
            success: function (data) {
                if (data) {
                    displayData();
                }
            },
            failure: function (response) {
                alert("Faliure:");
            },
            error: function (response) {
                alert(response);
            }
        });
        e.preventDefault();
    }
});