利夫雷, jsf.如何将javascript json对象保存到数据库

Question

在以下情况下需要一些帮助：

我已经将一个应用程序设置为 Liferay portlet，并且我正在使用 JSF/Primefaces 来构建我的视图。对于数据建模，我使用的是 Hibernate。

在某个视图中，我加载了一个所谓的“图像注释器”，它使用 Javascript 工具来收集用户输入（图像画布上的注释）。我希望能够将这些信息保存在文件/数据库中，然后在用户再次编辑特定图像时重新使用。

这是我的看法：

<h:head>
    <script src="#{facesContext.externalContext.requestContextPath}/js/OpenLayers.js" />
    <script src="#{facesContext.externalContext.requestContextPath}/js/image-viewer.js" />
    <script src="#{facesContext.externalContext.requestContextPath}/js/xml2js/xml2json.js" />
    <script src="#{facesContext.externalContext.requestContextPath}/js/xml2js/xml2json.min.js" />
    ...
</head>
...
<p:fieldset legend="Viewer">
    <p:outputPanel layout="block" styleClass="imageEditorImagePanel" />
</p:fieldset>
....

所以图像和相关的 jscript 工具（OpenLayers）被加载到 imageEditorPanel 占位符中。

The javascript code (image-viewer.js) gathers user input in a json (GEOJson) object, and this object i would like to pass to a back bean controller when Save button (jscript) is selected:

...
//define save button
var save = new OpenLayers.Control.Button({
        title: 'Save', text: 'Save',
        trigger: function(){

        var GEOJSON_PARSER = new OpenLayers.Format.GeoJSON();        
        var vectorLayerAsJson = GEOJSON_PARSER.write(vlayer.features);
        ...

所以我想将“vectorLayerAsJson”对象传递给 java 控制器（backbean）...

我正在尝试实现一个 ajax 调用，例如：

jQuery.ajax({
    type: 'POST',
    url: 'imageannotations',
    contentType: 'application/json',
    data: vectorLayerAsJson,
    success : function(data) { alert("success")}
});

任何人都可以帮助我如何提出这个 ajax 请求以及我将如何实现我的控制器类吗？

Answer 1

您可以使用primefaces p:remoteCommand 通过Javascript 发起对Java 托管bean 的调用。关于如何将字符串作为参数发送的答案可以在here找到。

在托管 bean/java 控制器中，只有一个带有 getter/setter 的 String 变量和一个启动反序列化的操作方法（以下是未经测试的代码）：

@ManagedBean(name="testBean")
public class Test {
  public String actionOnString() {
    String value = FacesContext.getCurrentInstance()
                     .getExternalContext().getRequestParameterMap().get("param");
  // do your unserialize and actions here
  return "";
  }
}

在 JSF 中有类似的东西

<p:remoteCommand name="sendJSONToServer" action="#{testBean.actionOnString}" />  

并作为 javascript 在所需位置

sendJSONToServer({param: vectorLayerAsJson});

应该做的工作。

也可以通过PrimePush 使用athmosphere 框架直接进行ajax-push。可能，这对于您试图实现的目标来说可能是多余的。

更新 1

当然，当您获得序列化的 JSON 对象（即“n 字符串格式”）时，您必须在 Javascript 中对其进行 JSON 化 - 这个答案 "How to parse JSON in JavaScript" 可能会帮助您进一步了解这一点。

希望对你有帮助...