Как изменить контент без перезагрузки страницы?

Question

Итак, давайте скажем, что у меня есть navbar, например.

<ul> <li class="selected">home</li> <li>about me</li> <li>contact</li> <ul>

и у меня есть содержимое на странице, которую я хочу изменить в зависимости от <li> выбран без перезагрузки всей страницы. Кажется немного бессмысленным перезагрузить всю страницу, чтобы обновить 2 div.

например. при выборе дома Я хочу загрузить home.php, включенный в <div class='content'> + изменить класс <li> home</li> на выбранный и т. д.

Должен ли я использовать AJAX для этого? или я должен использовать $ _GET -> изменение URL-адреса?

Я новичок - извините за основные вопросы.

Thx для любой помощи!

Answer 1

Вы можете использовать Ajax.

Но если вы новичок в общей сложности, другого решения без Ajax:

• поместить все материалы в одном файле

• ставить идентификаторы на ваш DIV, связанный с содержанием (Div, содержащим "о" содержании = сОн # о)

• просто переключить DIV на клике, связанный с содержанием

Как это (JS с JQuery):

$(document).ready(function(){ 
    $('nav a').click(function(){ 
    var dest = $(this).attr('href'); 
    $('div.content').fadeOut(); // Hide all content divs 
    $(dest).fadeIn(); // Show the requested part 
    // You can do all of this using addClass/removeClass and use CSS transition (smoother, cleaner); 
    return false; 
}); 
}); 

HTML обновление:

<ul> <li class="selected"><a href="#home">home</a></li> <li><a href="#about">about me</a></li> <li><a href="#contact">contact</a></li> <ul> 

Если вы не имели ни малейшего представления о том, что это Ajax, я предполагаю, что это решение будет лучше для вас.

Answer 2

Чтобы изменить часть своей страницы с нового запроса, используйте Ajax. Вы можете найти много об этом в Интернете.

Это говорит, что использование ajax для базовой навигации простого веб-сайта - это плохой вкус. Просто выполните обычную навигацию.