通过Internet Explorer中的Ajax调用获取大数据（大约10000个项目）卡住了

Question

Getting large data( approx 10000 items for a list ) by ajax call in internet Explorer 8 is getting stuck. Other browsers like chrome browser, fire fox also getting stuck but it comes back soon( comes in few seconds ). Internet explorer takes huge time to respond ( Takes in minutes ).

Things that I've tried : after seeing the suggestions provided online.

1) changed $.each method to for loop.

2) concatenating the element in a string once all iterations are done then finally I'm appending. Ie

for(......){

 finalList += "div"+response+"/div"

}
$("#List").append(fianlList)

3) In ajax call async property is given like = async: false

4) Also I've tried in filling all items in many ajax calls Ie, 1000 items in an ajax call and it'll just wait for 5 seconds then it'll make second,third..... until all are received. The 5 sec wait for the browser to get settled. Is that right?

Here, a) we cant show the content on ajax by typing the string in the text box, since we're required to show all the content. Because user will not be kn knowing what are all present. b) we can't load on demand by scrolling down which loads the further data, because we have search button in case user know about a particular item and he tries searching for it then it'll not be available if that is not loaded. Also we cant ask the user to scroll further to see more data because we don't know in which call he'll be getting the exact data. c) writing in a CSV file and ask them to mark (Y / N) also won't be a better option.

So guys can you please help me on this.Note : This happens mainly on IE(My version is 8).

Answer 1

You can optimize it by trying something like this:

var html = [], i = -1;
html[++i] = '<div>' + response + '</div>'
.
.
.
$("#List")[0].innerHTML = html.join('');

It's a way to improve your code. I've read about this in a book and the performance increase in IE7 was 37x