Ajax-вызов внутри документа. Уже блокирует браузер - PullRequest
Новая
       5

Ajax-вызов внутри документа. Уже блокирует браузер

0 голосов
/ 19 декабря 2011

Я пытаюсь выполнить ajax.get, используя jquery в document.ready.Но get, кажется, блокирует браузер.

фиктивный пример: http://jsfiddle.net/gauravshah/HpfXL/

Я пытаюсь выполнить получение документа. Уже, результат займет около 15-17 секунд, чтобыгенерироваться на сервере.Так что до тех пор браузер кажется заблокированным.например, фоновые изображения не анимируются.

Во-вторых, в IE 8 браузер зависает, пока не получен запрос.

Аналогичный вопрос: Кажется, что простой вызов ajax блокирует Предлагая использовать задержку для звонка, но зачем использовать задержку?Я не нахожу правильное решение.

Мой фактический код: (не уверен, будет ли он полезен) 

$(document).ready(function(){
feat_id = "feat-2222"
$.post('/features/creator/get_existing/'+feat_id, {
        "url":url,
        'path':path,
        'parentURL':parentURL,
        'index':index
    },function(data){
        var new_id = $(data).attr('id')
        $(data).find('.featureLocation').html($(data).find('.featureLocation').html());
        $(obj).replaceWith(data)
    })
});

Ответы [ 2 ]

1 голос
/ 26 декабря 2011

Пришли к тому же решению, что и в аналогичном вопросе 

jQuery(document).ready(function() {
  setTimeout(function () {
   $.getJSON("veryLongRequest", function(json) {
   alert("JSON Result: " + json[0].id);});
  }, 500); // You may need to adjust this to a longer delay.
});

Кажется, что простой ajax-вызов блокирует

0 голосов
/ 19 декабря 2011

Я подозреваю, что здесь происходит немного больше, чем просто "тяжелый" запрос. См. Эту статью для улучшения производительности JavaScript.Сам Javascript, особенно когда мы загружаем библиотеки, такие как jQuery, могут быть «громоздкими» для браузера.Добавьте запрос, такой как вы предлагаете, и воспринимаемое время отклика приложения или веб-сайта может стать вредом для пользователя.

Нет сомнений, что файлы javascript могут засорить вашу загрузку http, если это будет сделано неэффективно,и есть широко распространенное злоупотребление файлами JavaScript.Загружайте только то, что необходимо.Загружайте только уменьшенные файлы.Объедините, если это возможно.И, загрузка из CDN, если вы можете. Наконец, знайте, что любой 15-секундный запрос будет представлять дилемму .... запросы выполняются до тех пор, пока они не будут завершены, тогда отображается информация.Если вы делаете очень сложный запрос, браузер либо забьет, либо просто подождет, пока ему что-нибудь загрузится.Итак, подумайте о том, чтобы атаковать сам запрос и отобразить шаблоны.

После того, как я убедился, что мой Javascript был эффективно запущен на основе учений из статьи выше, я остановился бы на минуту и ​​рассмотрел свой Ajax-запрос.Является ли запрос на стороне сервера наиболее эффективным из возможных?Есть ли способ, с помощью которого вы могли бы прервать загрузку данных, например на стороне сервера, конвейерная обработка данных Таким образом, вам нужно будет только загрузить информацию, которую ваш пользователь мог бы разумно увидеть, а затем получить еесделайте отдельный ajaxed get для получения дополнительной информации, когда они будут готовы, увеличивая воспринимаемое время отклика.

Кроме того, хотя я почти всегда использую готовый к загрузке dom документ, как вы предлагаете выше, попробуйте его без единого раза ..... запустить несколько тестовых случаев.Доменные загрузчики были великолепны, когда IE 6 наносил ущерб.В большинстве новых браузеров проблемы с загрузкой были в основном преодолены.

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

...