слишком медленно

Question

http://jsbin.com/ezecun/edit#javascript,html

Я должен написать это так, потому что это сделано динамически, фактический код указан ниже.Я немного упростил это в jsbin.По сути, обновление массива со значением поля занимает так много времени, что его невозможно использовать.

Спасибо, что взглянули.

КОД: php

echo "<label style='float:left'>Comments: </label> <textarea onKeyUp=\"editItemInCart(this.value,'comments',".$itemNum.")\" onChange=\"editItemInCart(this.value,'comments',".$itemNum.")\" >".$cart['comments']."</textarea><br />";

javascript

function editItemInCart(newValue,fieldName,itemNum) {
    jQuery.ajax({
        type:"POST",
        url: "editItem.html",
        data: "newvalue=" + newValue + "&fieldname=" + fieldName + "&itemNum=" + itemNum,
    })
    //alert(newValue + fieldName + itemNum);
}

Answer 1

Вы действительно хотите писать на каждой набранной клавише или когда пользователь заканчивает печатать? Большинство людей могут напечатать целое слово перед обработкой одной буквы. Вам нужен счет. Примерно так:

var count = 0;
function doEditItemInCart(newValue,fieldName,itemNum)
{
    count++;
    setTimeout("editItemInCart('"+newValue+"','"+fieldName+"',"+itemNum+","+count+")",200);
}
function editItemInCart(newValue,fieldName,itemNum,cnt) {
if (count == cnt) {
        count = 0;
        jQuery.ajax({
            type:"POST",
            url: "editItem.html",
            data: "newvalue=" + newValue + "&fieldname=" + fieldName + "&itemNum=" + itemNum,
        })
        //alert(newValue + fieldName + itemNum);
    }
}

Answer 2

Судя по вашим комментариям, вы хотите debounce событие keyup. Я рекомендую плагин jQuery дроссельной заслонки / дебюта Бена Алмана .

var itemNum = $('#item_num_id').val();
$('#textarea_id').keyup($.debounce(250, editItemInCart(this.value,'comments', itemNum)));

Приведенный выше код исключает встроенные обработчики событий, обеспечивая хорошее разделение между разметкой и кодом.