2010-02-21 20 views
2

Это моя ситуация. У меня есть 10 ссылок на странице. Поэтому, когда пользователь нажимает на эти ссылки, ajax - такая же перезагрузка страницы должна иметь место.Ajax Перезагрузить страницу onclick

Чтобы быть ясным, у меня есть что-то вроде этого.

<a href="test.php?name=one">one</a> | <a href="test.php?name=Two">Two</a> 

Если JavaScript включен,

OnClick, Аякса нагрузка должна иметь место.

Если javascript отключен, то приведенное выше должно работать.

В основном я использую «имя», чтобы ограничить некоторые значения моей поисковой страницы.

ответ

0

Вот что вы делаете ....

Там в <noscript> тег, который доступен для тех, кто не включен Javascript в браузере.

Если на странице отображается тэг <noscript>, клик <a> должен работать как обычно, иначе вызов ajax.

Обычно люди делают это, чтобы написать одну и ту же страницу дважды, один из которых не содержит javascript, а другой.

например

<script type="text/javascript"> 
    //Functions goes here... 
</script> 
<noscript> 
    <!-- redirection --> 
</noscript> 

Больше на <noscript> здесь: http://xhtml.com/en/xhtml/reference/noscript/

UPDATE: Используйте следующий DTD на вашей странице.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

Strict DTD не поддерживает <noscript>.

+0

Спасибо .. Я изучу его. Но ниже код - это то, что работает. – user277891

+0

PS. Проверьте мой пост, чтобы узнать, какой DTD вам нужно использовать. Извините, что не включил его раньше. –

+0

Большое спасибо .. Я думаю, это может помочь мне легко. Я думаю сделать что-то вроде ajax load onclick и перезагрузить, если js отключен. Поскольку jquery не будет вызываться, если js отключен, «noscript» может не потребоваться правильно? – user277891

2

Attach нажмите обработчик ваших ссылок ненавязчиво:

$(function() { 
    $('a').click(function() { 
     // resultContainer is the id of some element that will receive 
     // the HTML from the link 
     $('#resultContainer').load(this.href); 
     return false; 
    }); 
}); 

Если браузер с ограниченной возможностями ссылка будет выполнять стандартные запросы перезагрузки всей страницы.

+0

Это несколько работает .. Но это печатает ссылки дважды. Как этого избежать. Большое спасибо ... – user277891

Смежные вопросы