Я ищу способ ввести значения из фрагмента (#) URL в bean-компонент (JSF) таким же образом, как параметр запроса значения вводятся. Я использую плагин Bookmarkable jQuery Бена Алмана ( http://benalman.com/projects/jquery-bbq-plugin/ ) для создания фрагментов URL. Я надеялся, что пользовательские шаблоны регулярных выражений из PrettyFaces может быть способом решения моей проблемы, но до сих пор у меня не получалось.
( http: хотел бы попробовать их.
Я использую
RichFaces: 3.3.3,
Весна: 3.0.2. РЕЛИЗ,
Hibernate: 3.5.3-Final,
JSF: 2.0.2-FCS,
PrettyFaces: 3.0.1
Веб-приложение генерирует следующий вид URL, где параметры перечислены после хеша (#). Идея состоит в том, чтобы иметь на основе AJAX Закладка URL. Поэтому каждый раз, когда я нажимаю на элемент, который меняет состояние системы, значение отправляется на сервер через AJAX и URL после хэша переписывается. Может быть от 1 до 3 параметров после хэш, количество параметров не является обязательным.
Моя цель, когда пользователь добавляет в закладки URL (с хешем) и чем пересматривает сохраненную страницу, страница должна ввести правильные значения в систему и визуализировать страницу в предыдущем состоянии (например, параметр запроса).
Ниже у меня есть регулярное выражение, которое будет перехватывать все параметры после хеша.
//URL:
http://localhost:8080/nymphaea/workspace/#node=b48dd073-145c-4eb6-9ae0-e1d8ba90303c&lod=75e63fcd-f94a-49f5-b0a7-69f34d4e63d7&ln=en
//Regular Expression:
\#(\w*\=(\w{8}-\w{4}-\w{4}-\w{4}-\w{12}))|\&(\w*\=(\w{8}-\w{4}-\w{4}-\w{4}-\w{12}))|\&(\w*\=\w{2})
Я знаю, что есть веб-сайты, которые каким-то образом отправляют фрагмент URL-адреса в свою серверную логику,
Есть ли способ вставить значения из фрагментов URL в компоненты на стороне сервера?
Это можно сделать с помощью window.onhashchange
который заполняет поле ввода скрытой формы, которая сабмитится асинхронно, когда поле ввода изменилось.
Вот пример запуска страницы Facelets:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html">
<h:head>
<title>SO question 3475076</title>
<script>
window.onload = window.onhashchange = function() {
var fragment = document.getElementById("processFragment:fragment");
fragment.value = window.location.hash;
fragment.onchange();
}
</script>
<style>.hide { display: none; }</style>
</h:head>
<h:body>
<h:form id="processFragment" class="hide">
<h:inputText id="fragment" value="#{bean.fragment}">
<f:ajax event="change" execute="@form" listener="#{bean.processFragment}" render=":showFragment" />
</h:inputText>
</h:form>
<p>Change the fragment in the URL. Either manually or by those links:
<a href="#foo">foo</a>, <a href="#bar">bar</a>, <a href="#baz">baz</a>
</p>
<p>Fragment is currently: <h:outputText id="showFragment" value="#{bean.fragment}" /></p>
</h:body>
</html>
Вот как выглядит соответствующий bean:
package com.stackoverflow.q3475076;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;
import javax.faces.event.AjaxBehaviorEvent;
@ManagedBean
@RequestScoped
public class Bean {
private String fragment;
public void processFragment(AjaxBehaviorEvent event) {
// Do your thing here. This example is just printing to stdout.
System.out.println("Process fragment: " + fragment);
}
public String getFragment() {
return fragment;
}
public void setFragment(String fragment) {
this.fragment = fragment;
}
}
Вот и все.
Обратите внимание, что событие onhashchange
относительно новое и не поддерживается старыми браузерами. В отсутствие поддержки браузера (неопределенность и т.д.), вы хотите проверять window.location.hash
с интервалом, используя setInterval()
вместо этого. Приведенный выше пример кода должен, по крайней мере, дать хороший старт. Он работает по крайней мере в FF3.6 и IE8.
Смотрите этот вопрос и особенно ответы: Анкор сервлета JSP
Фрагмент нельзя увидеть со стороны сервера, доступ к нему возможен только с помощью клиентских скриптов. Обычно это делается так, что на стороне сервера создается непараметрическая страница, которая затем модифицируется скриптами в соответствии с параметрами фрагмента. Сценарии могут выполнять запросы AJAX с параметрами запроса, где ответы AJAX генерируются JSF с использованием bean-компонентов, контролируемых параметрами.
Если вы абсолютно хотите, чтобы серверная сторона имела доступ к параметрам фрагмента при рендеринге самой страницы, вам нужно вместо этого перезагрузить страницу с параметрами в качестве параметров запроса.
РЕДАКТИРОВАТЬ: Чтобы перезагрузить страницу, вы можете использовать этот код:
if (window.location.hash != '') {
var newsearch = window.location.search;
if(newsearch != '') {
newsearch += '&';
}
newsearch += window.location.hash.match(/#?(.*)/)[1];
window.location.hash = '';
window.location.search = newsearch;
}
Вот самый надежный способ извлечь фрагмент из синтаксически допустимого URL / URI.
URI uri = new URI(someString);
String fragment = uri.getFragment();
То, как вы внедряете это в bean-компонент, будет зависеть от того, какую серверную среду вы используете, и выполняете ли вы инъекцию с помощью XML или аннотаций, или делаете это программно.
Большое спасибо за ваши идеи и особенно BalusC (Большое вам спасибо). Моим окончательным решением была небольшая мутация, и я хотел бы поделиться со всеми вами.
Поскольку я использую richfaces 3.3.3, это похоже на использование jsf1.2, следовательно, нет
В обычной ситуации ожидается, что вы нажмете ссылку с href, указывающим на внутреннюю ссылку
. Я использую много готовых компонентов, где не каждый элемент, на который можно щелкнуть, представляет собой ссылку
. Это может быть любой элемент html. Было очень полезно использовать плагин jQuery Bookmarkable Бена Алмана ( http://benalman.com/projects/jquery-bbq-plugin/ )
Обратите внимание, что ниже, onclick, я могу программно установить значение фрагмента как ключ / значение, и в следующем коде я заменяю старое значение новым значением jQuery.bbq.pushState (state, 2)
(или я мог бы просто добавить за старым значением ] jQuery.bbq.pushState (состояние)
).
В моем случае ws-> md-> nd
- это иерархические данные, где достаточно иметь один из них, а его родители вычисляются на сервере, поэтому я заменяю родительское значение дочерним значением. .
<ui:repeat value="#{workspaceController.modulesForWorkspace}" var="item">
<a4j:commandLink onclick="var state = {}; state['md'] = '#{item.uuid}';
jQuery.bbq.pushState( state, 2 );"
action="#{workspaceController.setSelectedModule}"
reRender="localesList"
oncomplete="selectNavigationElement(this.parentNode>
<f:param name="selectedModule" value="#{item.uuid}"/>
</a4j:commandLink>
</ui:repeat>
В Richfaces это отличный способ вызвать методы установки из браузера с параметром. Обратите внимание, что sendURLFragment
обрабатывается как метод JS с 5 параметрами, и значения передаются на сервер (что очень круто).
<h:form id="processFragment" prependId="false" style="display: none">
<h:inputText id="fragment" value="#{workspaceController.selectedWorkspace}">
<a4j:support event="onchange"/>
</h:inputText>
<a4j:jsFunction name="sendURLFragment" reRender="workspaces">
<a4j:actionparam name="ws" assignTo="#{workspaceController.selectedWorkspace}"/>
<a4j:actionparam name="md" assignTo="#{workspaceController.selectedModule}"/>
<a4j:actionparam name="nd" assignTo="#{workspaceController.selectedContentNode}"/>
<a4j:actionparam name="ld" assignTo="#{workspaceController.selectedLOD}"/>
<a4j:actionparam name="ln" assignTo="#{workspaceController.contentNodeTreeLocale}"
converter="localeConverter"/>
</a4j:jsFunction>
</h:form>
Сделайте это, когда вы скопируете и вставите новый URL-адрес и загрузите страницу.
window.onload = function(){
if(window.location.hash != ""){
//Parse the fragment (hash) from a URL, deserializing it into an object
var deparamObj = jQuery.deparam.fragment();
var ws= '', md= '', nd= '', ld= '', ln = '';
jQuery.each(deparamObj, function(key, value) {
switch(key){
case 'ws':
ws = value;
break;
case 'md':
md = value;
break;
case 'nd':
nd = value;
break;
case 'ld':
ld = value;
break;
case 'ln':
ln = value;
break;
default:
break;
}
});
sendURLFragment(ws,md,nd,ld,ln);
} };