2012-06-18 5 views
-3

Я разрабатываю сайт на одну страницу с каталогом продуктов.Динамическое замещение содержимого

Таковы основные характеристики:

  • одна страница сайта, с заголовка, содержания и колонтитула (HTML5/CSS3)
  • изменяющегося содержимое динамически при загрузке каталога продукции и каждый раздел без загрузки всей страницы
  • глубокая связь

Что самое лучшее решение? плагины? jquery, ...?!?!

Идеальное решение состоит в том, чтобы каждый раздел контента находился на отдельной странице, которая была бы динамически загружена на главную страницу. Таким образом, я мог бы иметь на каждой странице другой дизайн (включая возможность применения jquery-плагинов) в соответствии с самим контентом.

Заранее спасибо

+1

Не знаете, что вы просите ... Если вы спросите, как лучше всего реализовать это, вы уже ответили на свой вопрос, указав HTML5/CSS3 и jquery. –

+1

Это так собирается спуститься на голосование ... Я бы предложил заглянуть в AJAX. –

+0

Причина того, что это произошло, это не то, что он опубликован на SO, а потому, что качество вопроса - плакать. Определенного ответа нет, потому что это очень неопределенный вопрос. Пожалуйста, улучшите его. –

ответ

0

Этот вопрос может запросить обсуждение, однако, вы могли бы сделать то, что вы хотите со стандартным $ .ajax вызов в JQuery или даже вызова $ .get с обратным вызовом. Такие, как

$.get("/link/to.php",function(data) 
{ 
    $("#newcontent").html(data); 
}); 

Чтобы привязать его к использованию ссылка что-то похожее на:

<a href="/path/to.php" data-remote="true">Link</a> 

Затем в использовании сценария:

$(document).ready(function(){ 
    $("a[data-remote]").bind("click",function() 
    { 
     event.preventDefault(); 
     $.get("/link/to.php",function(data) 
     { 
      $("#newcontent").html(data); 
     }); 
    } 
}); 
+0

спасибо ... Я не знаком с jquery, но можно ли загружать страницу с помощью jquery-плагинов на другую страницу через jquery? thanks – user1463905

+0

@ user1463905 Вы можете загрузить целую страницу в div, используя встроенные функции AJAX JQuery. Вышеприведенный код загружал бы .php в любой тег html с идентификатором newcontent. Если вы хотите, чтобы он загружался в тег div, просто используйте вместо этого «div # newcontent». –

0

извините за предыдущий французский ответ.

Из того, что я знаю, если бэкэнд сделан на Java, GWT - хорошее решение, с модулем «места и действия» вы можете легко настроить общую часть веб-приложения и динамическую часть, изменяющуюся в соответствии с на страницы. Этот модуль также поддерживает глубокую привязку.

Для чистого клиентского решения новая структура javascript google angularjs с корневым модулем, похоже, отвечает всем ограничениям вашего проекта. Эта структура предназначена для упрощения создания компонентов MVC, это может быть дополнительным аргументом. Эта структура очень молода, вам может быть неинтересно немного Bencher из фреймворка, чтобы убедиться, что это строка достаточно для ваших непосредственных и будущих потребностей.

В общем, я думаю, вам следует искать RIA javascript frameworks. Может быть и другие, чем я, принесут вам больше ответов.

Надеясь, это может помочь.

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