Уеб бетті Вконтакте сайтындағы секілді Ajax-тың көмегімен жүктеу (аударма)
Уеб-бетті ажакстың көмегімен жүктеп, сонымен қатар іздеу машиналары тарапынан индекске ілінудің жолын қарастырып жүр едім.
Мен бұл скриптті jQuery фреймворкының HashChange плагинын қолдана отырып жасадым.
Ең бірінші болып мен скрипттерді уеб-бетке байладым (қосытм) және хештың өзгеруін қадағалайтын функция жаздым.
Скрипттерді уеб-бетке қосу:
Хешты қадағалайтын Функция:
Бұл функция уеб-беттің хэшы өзгерген мезетте «get_page_by_hash» функциясын шақырып, аргумент ретінде сілтемені береді.
Сосын мен «get_page_by_hash» функциясын жаздым:
Бұл функция бойынша серверге жасалған сұраныстың жауабы ретінде html бет келеді. Сол бетті body-ға орналастырады. Сұраныстың POST тәсілімен жіберілуінің себебі — юзердің бетке кірген немесе форма жібергенін анықтау үшін.
ары қарай аударуға ерініп отырм. Мына жерден оқи аласыздар: habrahabr.ru/post/128552/
Сұрақ: Уеб-бетті толық ажакспен жүктеудің не пайдасы бар? Мысалы вконтакте сайтында.
Мен бұл скриптті jQuery фреймворкының HashChange плагинын қолдана отырып жасадым.
Ең бірінші болып мен скрипттерді уеб-бетке байладым (қосытм) және хештың өзгеруін қадағалайтын функция жаздым.
Скрипттерді уеб-бетке қосу:
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/hashchange.js"></script>
Хешты қадағалайтын Функция:
$jQuery = jQuery.noConflict();
$jQuery(window).hashchange(function(){
var link = window.location.hash.replace("#", "");
get_page_by_hash(link);
});
Бұл функция уеб-беттің хэшы өзгерген мезетте «get_page_by_hash» функциясын шақырып, аргумент ретінде сілтемені береді.
Сосын мен «get_page_by_hash» функциясын жаздым:
function get_page_by_hash(link){
if(typeof(link) != "undefined"){
if(link != ""){
$jQuery.ajax({
type: "POST",
cache: false,
async: false,
url: link,
success: function(data){
if(data != ""){
$jQuery("body").html(data);
}
}
});
}
}
}
Бұл функция бойынша серверге жасалған сұраныстың жауабы ретінде html бет келеді. Сол бетті body-ға орналастырады. Сұраныстың POST тәсілімен жіберілуінің себебі — юзердің бетке кірген немесе форма жібергенін анықтау үшін.
ары қарай аударуға ерініп отырм. Мына жерден оқи аласыздар: habrahabr.ru/post/128552/
Сұрақ: Уеб-бетті толық ажакспен жүктеудің не пайдасы бар? Мысалы вконтакте сайтында.
4 пікір
постка +