时间戳

首页 > 解决方案 > 从 ssjs 读取 csjs 中的 json 对象

javascript - 从 ssjs 读取 csjs 中的 json 对象

问题描述

我想知道是否可以在 sessionScope 变量中从 ssjs 向 csjs 发送 json 对象数组。当我尝试在我的脚本块中使用 sessionScope.get 时。它不运行？

SSJS 脚本ChartDojo.jss：

function createChartData()
{
    var resultArray = new Array();
    resultArray = [
    {y: 1978, text: "Blue Widget"},
    {y: 1669, text: "Brown Widget"},
    {y: 2017, text: "Green Widget"},
    {y: 334, text: "Orange Widget"},
    {y: 1051, text: "Pink Widget"},
    {y: 1545, text: "Purple Widget"},
    {y: 339, text: "Red Widget"},
    {y: 1067, text: "Yellow Widget"}];
    
    sessionScope.chartData = resultArray;
}

Scriptblock 中带有 CSJS 的 Xpage 源代码：

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core" dojoParseOnLoad="true"
    dojoTheme="true" xmlns:xe="http://www.ibm.com/xsp/coreex">
    <xp:this.beforePageLoad><![CDATA[#{javascript:createChartData();}]]></xp:this.beforePageLoad>
    <xp:this.resources>
        <xp:dojoModule name="dojox.charting.Chart2D"></xp:dojoModule>
        <xp:script src="/scriptsChartDojo.jss" clientSide="false"></xp:script>
    </xp:this.resources>
    
    
    <xp:scriptBlock id="scriptBlock1">
        <xp:this.value><![CDATA[makeCharts = function() 
{
//Create a new  2D Chart
var pieChart = new dojox.charting.Chart2D("#{id:panel1}");
alert(sessionScope.get("chartData")); // Does not alert anything.
// Add  the only/default  plot for  the pie chart
pieChart.addPlot("default",  {type:  "Pie", radius: 150, fontColor:  "black", labels: false});
// Add  the data series 
pieChart.addSeries("Number  of Orders", sessionScope.get("chartData")); // Causes blank screen to load
//Render the  chart!
pieChart.render(); 
};
XSP.addOnLoad(makeCharts);]]></xp:this.value>
    </xp:scriptBlock>
    <xp:panel style="height:450px;width:450px" id="panel1"></xp:panel>
</xp:view>

标签： javascriptxpagesxpages-ssjs

解决方案

在 xp:scriptBlock 中，您将客户端 JS 与服务器端 JS 结合起来。服务器端 JS 代码必须#{javascript:<code>}在才能被解析。所以这样做：

<xp:scriptBlock id="scriptBlock1">
    <xp:this.value><![CDATA[
        makeCharts = function() {
            //Create a new  2D Chart
            var pieChart = new dojox.charting.Chart2D("#{id:panel1}");
            alert(sessionScope.get("chartData")); // Does not alert anything.
            // Add  the only/default  plot for  the pie chart
            pieChart.addPlot("default",  {type:  "Pie", radius: 150, fontColor:  "black", labels: false});
            // Add  the data series 
            pieChart.addSeries("Number  of Orders", #{javascript:sessionScope.get("chartData")});
            //Render the  chart!
            pieChart.render(); 
        };
        XSP.addOnLoad(makeCharts);
    ]]></xp:this.value>
</xp:scriptBlock>

更新：您的 SSJS Array() 未按预期返回。如果您改用简单的字符串，您可以看到代码正常工作并将数据从 SSJS 发送到 CSJS。这是一个简单的例子：

<xp:this.beforePageLoad><![CDATA[#{javascript:
    var resultArray = "[{y: 1978, text: \"Blue Widget\"},{y: 1669, text: \"Brown Widget\"},{y: 2017, text: \"Green Widget\"},{y: 334, text: \"Orange Widget\"},{y: 1051, text: \"Pink Widget\"},{y: 1545, text: \"Purple Widget\"},{y: 339, text: \"Red Widget\"},{y: 1067, text: \"Yellow Widget\"}]";
    
    sessionScope.chartData = resultArray;
}]]></xp:this.beforePageLoad>

<xp:scriptBlock id="scriptBlock1">
    <xp:this.value><![CDATA[
        makeCharts = function() {
            console.log(#{javascript:sessionScope.get("chartData")});
        };
        XSP.addOnLoad(makeCharts);
    ]]></xp:this.value>
</xp:scriptBlock>

推荐阅读