Question

我正在一个旧的Spring项目中，我有两个选项卡Coffee和Tea，并且每个选项卡都有三个较小的窗口Small，Medium和Large代表尺寸。每个尺寸都有相同的属性（卡路里，蛋白质，碳水化合物和脂肪），因此我为此创建了一个可重复使用的JSP标签页面（nutrition-facts.tag）。

<div class="panel-body">
    <p>Calories: ...</p>
    <p>Carbs: ...</p>
    <p>Fats: ...</p>
    <p>Protein: ...</p>
</div>

我的主页看起来像这样：

<%@ taglib tagdir="/WEB/tags" prefix="sss" %>
<details id="tabCoffee" open="open">            
                <div class="row wb-eqht">
                    <div class="col-md-4">
                        <sss:nutrition-facts title="SMALL" >
                        </sss:nutrition-facts>
                    </div>
                    <div class="col-md-4">
                        <sss:nutrition-facts title="MEDIUM" >
                        </sss:nutrition-facts>
                    </div>
                    <div class="col-md-4">
                        <sss:nutrition-facts title="LARGE" >
                        </sss:nutrition-facts>
                    </div>
                </div>
            </details>
            <details id="tabTea">
                <div class="row wb-eqht">
                    <div class="col-md-4">
                        <sss:nutrition-facts title="SMALL" >
                        </sss:nutrition-facts>
                    </div>
                    <div class="col-md-4">
                        <sss:nutrition-facts title="MEDIUM" >
                        </sss:nutrition-facts>
                    </div>
                    <div class="col-md-4">
                        <sss:nutrition-facts title="LARGE" >
                        </sss:nutrition-facts>
                    </div>
                </div>
            </details>

我还要导入一些JavaScript文件，以便进行AJAX调用以获取一些数据：

<script id="js-params" type="text/plain">
        {
            "contextPath": "${requestContext.contextPath}",
            "lang": "${lang}",
            "i18n": {
                "select": "${select}"
            }
        }
    </script>   

    <sss:staticScript src="/static/js/content.js"></sss:staticScript>

我希望能够在JavaScript中获取类别（茶或咖啡）和大小（S，M，L），以便进行正确的AJAX调用。我尝试像在使用“ contextPath”，“ lang”和“ i18n”一样在脚本中将其作为参数传递，但现在好运了。现在，我正在执行以下操作以获取类别：

var cat = document.querySelector('ul li.active').textContent;

这很好，但是我的问题是最好的方法吗？以及如何获得尺寸。

谢谢

将参数从View传递到JavaScript

0 个答案: