Question

我想在输入字段的焦点丢失或用户在输入字段中输入时请求ajax查询。

我有以下代码

function editVK() {
    var input = $('.check_vk');
    input.keydown(function () {
        // DO some markup
    }).focusout(function () {
        // execute ajax in function
        calculateVolleKist($(this));
        return false;
    }).on('keypress', function (e) {
        var code = (e.keyCode ? e.keyCode : e.which);
        if (code == 13) {
           // execute ajax in function   
           calculateVolleKist($(this));
           return false;
        }
    });
}

function calculateVolleKist(elem) {
    var regel = elem.closest("tr");
    var article_id = regel.attr('data-article_id');
    var basket_id = regel.attr('data-basket_id');
    var vk = parseFloat(formatToDecimal(elem.val()));

    $.ajax({
        url: 'beltramibasket.php?action=wijzig_volle_kist&basket_id='+basket_id+'&article_id='+article_id+'&vk='+vk,
        type: 'GET',
        dataType: "html",
        async: true,
        success: function(data) {
            $('.basket_body').html("");
            $('.basket_body').html(data);
            editVK();
        }
    });
}

使用此代码时，我在输入中的第一次更改会触发1个请求。我的第二个更改发出2个请求，我的3个请求发出4个请求等单元我的浏览器崩溃。

修改包括第二功能。我的回答是HTML，我清除了身体并将html放回体内。之后我再次执行editVK功能。因为我想在编辑输入框时触发其他请求。

Answer 1

尝试在jQuery代码之前插入：

input.unbind('keydown');
input.unbind('focusout');
input.unbind('keypress');

不是100％确定这是否是您问题的根源，但您可能每次都注册事件。

Answer 2

尝试使用此代码，它对我来说很好用

var input = $('.check_vk');
input.focusout(function () {
    // execute ajax in function
    calculateVolleKist($(this));
    return false;
}).keypress(function(event) { 
    if (event.which == 13 || event.keyCode == 13) {
            //code to execute here
             calculateVolleKist($(this));
       return false;
        }
    }
});

关注焦点的Jquery ajax请求并输入

2 个答案: