2010-04-27 4 views
0

Я делаю поиск в конце запроса в jquery из таблицы DB..следую, я извлекаю данные из таблицы ... как я могу показать изображение, как каждый, где его показано как поиск или что-то вроде thtпоказ изображения до тех пор, пока содержимое не будет загружено


У меня есть небольшое сомнение. Мой проект стал большим. каждый где используется функция обмена. могу ли я написать глобальный код, например, когда когда-либо вызывается функция изменения. Покажите изображение до тех пор, пока данные не будут загружены ???

+0

Если мы знаем, как вы делаете свой звонок, вам будет легче предоставить предложение. Попробуйте отправить .ajax, .post, .get или что-то еще. – justkt

ответ

4

еще один способ заключается в использовании $ .ajaxSetup, чтобы показать изображение на все ваши вопросы:

$.ajaxSetup({ 

beforeSend: function (XMLHttpRequest) { 
    $("#loading").show(); 
}, 

complete: function (XMLHttpRequest, textStatus) { 
$("#loading").hide(); 
} 
}); 
3

Имейте это изображение на вашей странице изначально ...

<img id="loading" src="loading.gif" /> 

затем с JQuery просто сделать это:

$(function(){ 
    $("#loading").hide(); 
}); 

из если это Аякса вызов (который я думаю, что это) сделать это :

$.ajax({ 
    url: 'ajax/test.html', 
    success: function(data) { 
     $("#loading").hide(); 
    } 
}); 
+1

может быть «безопаснее» использовать «полный» вместо «успеха» – hunter

+1

, вероятно, вы хотите сказать $ (function() {$ ("# loading"). Show()}); ?;) – DCrystal

+1

Зависит от того, как вы на это смотрите. Я думаю, что это уже видно на странице, но вы можете добавить .show() перед вызовом .ajax – hunter

0

Я просто использовать код как

$(function(){ 
$('#id').change(function() 
{ 
$.post('url.php',{name:$("#name").val()},function(data) 
{ 
$("#html").html(data); 
}); 
}); 
}); 

поэтому необходимо использовать I mge.show() ... торчит перед тем

$("#html").html(data); обряда?

+0

Нет, до $ ("# html"). Html (data); вы, вероятно, хотите скрыть изображение. И перед вызовом ajax - покажите его (или не делайте ничего, если ваше изображение не было скрыто раньше) – DCrystal

+0

okie .. вы хотите сказать после $ ('# id'). Change (function() { Мне нужно показать изображение и до $ ("# html"). html (data); Мне нужно скрыть изображение. – Hacker