Получить только часть удаленного URL-адреса в AJAX

Question

Я пробовал искать в Google, а также читать documentation, но не удался. Я делаю запрос ajax в contentScript (chrome extension) или иначе известен как скрипт greasemonkey для пользователей firefox.

Типичная функция для получения URL с помощью AJAX,

function getURL(url, element) 
{ 
    var request = new XMLHttpRequest(); 
    request.onreadystatechange = function() 
    { 
     if (request.readyState == 4) 
     { 
      callback(request.responseText, element, request.status);  
     } 
    }; 
    request.open("GET", url, true); 
    request.send() 
} 

Позволяет сказать мне нужен только первый 10КБ страницы но whole size of page is more than 200kb. Страница, которую я получаю, является обычным HTML. Я не хочу waste the bandwidth by downloading the excess 190kb. Есть ли способ достичь этого? Кроме того, возможно ли получить только часть страницы от 100 КБ до 110 КБ?

Я открыт для просмотра в браузере. (Хром). И мне придется переносить расширение на Firefox, поэтому идеи об этом также приветствуются.

Answer 1

Отправляя ответ Rob W, есть рабочий пример для этого вопроса.
Следующий код может быть использован для загрузки первого 10k из сайтов через HTML, как в первой части вопроса ...

Lets say I only need first 10kb of the page

function getURL(url, limit, callback) { 
    var request = new XMLHttpRequest(); 
    request.onreadystatechange = function() { 
     if (request.readyState == 4) { 
      if (request.responseText!=0) callback(request.responseText, request.status); 
     } else if (request.responseText.length >= limit) { 
      // If limit is exceeded 
      var result = request.responseText; 
      request.abort(); // Cancel request 
      callback(result, request.status); 
     } 
    }; 
    request.overrideMimeType("text/html"); 
    request.open("GET", url, true); 
    request.send(); 
} 

getURL('http://www.google.com.au', 100000, debug); 
//getURL('http://paez.kodingen.com/testy.png', 100000, debug); 

function debug(responseText, status) { 
    console.debug('length of responseText '+responseText.length); 
    console.debug('responseStatus : '+status); 
    console.debug('responseText :\n'+responseText); 
} 

Примечание
Следует отметить, что это обыкновения получите именно тот размер, который вы указали, поскольку они не могут сказать, как часто будет вызываться readistate. Кроме того, я заставляю его быть текстом, иначе их может не быть responseText.

Answer 2

Вы можете отправить Range header:

request.setRequestHeader("Range", "bytes=0-9999"); 
request.send(null); 

Обратите внимание, что сервер может игнорировать этот заголовок, и вы получите обычный ответ обратно. В большинстве случаев ответ будет «206 Partial Content», но с точно 10000 байтами данных. Content-Range response header указывает, какая часть файла у вас есть, например. request.getResponseHeader("Content-Range") может дать вам bytes 0-9999/1234567 (здесь 1234567 - общий размер файла).

Очевидно, что вы также можете сделать request.setRequestHeader("Range", "bytes=100000-119999"); для получения данных из середины файла.