Тэг "Ajax" (4)
«jQuery Trickshots» by tutorialzine.com ... Показать код
// Loop all .fetchSize links
$('a.fetchSize').each(function(){
// Issue an AJAX HEAD request for each one
var link = this;
$.ajax({
type: 'HEAD',
url: link.href,
complete: function(xhr){
var size = humanize(xhr.getResponseHeader('Content-Length'));
// Append the filesize to each
$(link).append(' (' + type + ')');
}
});
});
function humanize(size){
var units = ['bytes','KB','MB','GB','TB','PB'];
var ord = Math.floor( Math.log(size) / Math.log(1024) );
ord = Math.min( Math.max(0,ord), units.length-1);
var s = Math.round((size / Math.pow(1024,ord))*100)/100;
return s + ' ' + units[ord];
}
// html
// First Trickshot
// This Trickshot
// Ball.png
jQuery: Get data via Ajax
06.05.2013 03:14 TestUser jQuery
Get some data via Ajax, calling to a php-script and receiving a data. ... Показать код
$.ajax({
url: "ajax.php",
type: "POST",
data: "id=" + id_value + "&mode=" + mode_value,
cache: false,
success: function(data) {
$('#ajax_result').html($.trim(data))
}
});
Выдернуто откуда-то из просторов сети и доработано
Требование:
Наличие на странице обертки , в которую будет грузиться страница
Наличие обертки , для показа во время ожидания загрузки
Примеры ajax-ссылки:
ajax-ссылка
ajax-ссылка ... Показать код
var default_content="";
$(document).ready(function(){
checkURL();
$('a').click(function (e){
checkURL(this.hash);
});
default_content = $('#ajaxContent').html();
setInterval("checkURL()",250);
});
var lasturl="";
function checkURL(hash)
{
if(!hash) hash=window.location.hash;
if(hash != lasturl)
{
backurl=lasturl;
lasturl=hash;
if(hash==""){
$('#ajaxContent').html(default_content);
}else{
loadPage(hash,backurl);
}
}
}
function loadPage(url,backurl)
{
toSend = new Object();
toSend.url = url;
toSend.backurl = backurl;
toSend.path = window.location.pathname;
str_json = JSON.stringify(toSend);
$('#loading').css('visibility','visible');
$.ajax({
type: "POST",
url: "ajax.php",
data: {act:"loadpage",param:str_json},
success: function(response){
if(parseInt(response)!=0)
{
$('#ajaxContent').html(response);
$('#loading').css('visibility','hidden');
}
}
});
}