Как использовать jQuery для создания TinyURL
Главной причиной, почему мы изменили наши веб-страницы на основанное на DIV/CSS расположение, была задержка рендеринга основанных на таблице страниц.
у Нас есть сайт государственной сети с большинством его пользователей, база находится в странах как Индия, где интернет-пропускная способность является все еще проблемой (то, что это было улучшенным день за днем, но все еще наравне). При таких обстоятельствах, когда мы использовали основанное на таблице расположение, пользователи должны были уставиться на пустую страницу в течение значительно долгого времени. Тогда вся страница будет отображена в целом в галочке. Путем преобразования наших страниц в DIV нам удалось принести некоторое содержание к браузеру почти немедленно как пользователи, вводимые в наш веб-сайт и то содержание, где достаточно привлечь пользователей, пока браузер не загружает все содержание страницы.
главный дефект с основанной на таблице реализацией - то, что, браузер мы покажем содержание таблицы только после того, как это загрузит весь HTML для той таблицы. Проблема прорвется, когда у нас будет основная таблица, которая обертывает все содержание страницы, и когда у нас есть много вложенных таблиц. Для 'гибких таблиц' (те без любой фиксированной ширины), после загрузки всего тега таблицы, браузер должен проанализировать до последней строки таблицы для обнаружения ширины каждого столбцы, затем должен проанализировать его снова для отображения содержания. До всех они происходят, пользователи должны уставиться на пустой экран, тогда все прибудет для экранирования в галочке.
1 ответ
Хм, мне кажется, мне подходит:
function makeTinyUrl(url)
{
$.getJSON('http://json-tinyurl.appspot.com/?url=' + url + '&callback=?',
function(data)
{
alert(data.tinyurl);
}
);
}
makeTinyUrl('http://stackoverflow.com/questions/1111171/how-to-use-jquery-to-produce-tinyurl');