После многих запросов ajax страница становится медленнее и не может быть использована

Я использую этот сценарий ajax:

$.ajaxSetup ({
// Disable caching of AJAX responses
cache: false
});

function getRandomInt() {
return Math.floor(Math.random() * Math.pow(10,6));
}

$(document).ready(function(){

$('#edit_in_buy_usd').click(function(){
$.post("edit_id.php?rnd=" +getRandomInt(),

{edit_id: $('#edit_in_buy_usd').val()},

function(data){

$('#id').html(data);

}
);

});

});

после нажатия кнопки я создаю переменную, которая переходит в edit_id.php, выполняет определенные процессы и возвращает результат в тот же Div с id = «id». Все работает отлично, но … после нажатия кнопки примерно 30-40 раз страница начинает работать очень медленно. Я читаю много тем, которые я добавил, но у меня нет большого опыта в Ajax tehnique …. и я не могу справиться с этим в одиночку … Если вы мне поможете, я буду вам очень благодарен .. Заранее спасибо!

1

Решение

Вместо того, чтобы извлечь все данные таблицы из серверного скрипта:

$('#id').html(data);

попробуйте добавить только новые данные строки в таблицу следующим образом:

$("#id").append(data);

Серверный скрипт должен возвращать значение, подобное этому: <tr><td>test</td><td>test</td></tr>

0

Другие решения

Других решений пока нет …