我无法在jQuery中使用Struts 2标记作为String。

这是我的div：

<div class="row">
        <div class="form-group col-xs-12 col-sm-6 col-lg-3">
            <label>Expensed Type</label>
            <s:select name="expenseList[0].param" 
                      list="'advertisement','food'"/>
        </div>
        <div class="form-group col-xs-12 col-sm-6 col-lg-3">
            <label>Amount</label>
            <s:textfield name="expenseList[0].value" value="%{expenseList[0].value}"/>
        </div>
        <div class="form-group col-xs-12 col-sm-6 col-lg-3">
            <label>Date</label>
            <s:textfield name="expenseList[0].dt" value="%{expenseList[0].dt}"/>
        </div>
    </div>
<div class="col-xs-4 right">
    <span class="glyphicon-plus"></span>
 <button type="submit" class="btn btn-default">Save</button>
    </div>

我想在JavaScript中使用上面的String，这样每当用户单击add按钮时，它必须生成一个新行。我在上面添加了一个jQuery点击事件

如下：

<script type="text/javascript">
        $(document).ready(function() {
            $(document).on('click', '#add', function(event) {
                event.preventDefault();
                $(".row").append("< /div  <div class=\"row\">"
                    + "<div class = \"form - group col - xs - 12 col - sm - 6 col - lg - 3\">"
                    + "<label> Expensed Type </label>"
                    + "<s:select name=\"expenseList[1].param\" list=\"'advertisement','food'\"/>"
                    + "</div>"
                    + "<div class = \"form - group col - xs - 12 col - sm - 6 col - lg - 3\">"
                    + "<label> Amount </label>"
                    + "<s:textfield name=\"expenseList[1].value\" value=\"%{expenseList[1].value}\"/>"
                    + "</div>"
                    + "  <div class = \"form - group col - xs - 12 col - sm - 6 col - lg - 3\">"
                    + "<label> Date </label>"
                    + "<s:textfield name=\"expenseList[1].dt\" value=\"%{expenseList[1].dt}\"/>\"/> "
                    + "</div>"
                    + "</div>"
                    );
        });
    });
    </script>

显示以下异常：

org.apache.jasper.JasperException: /pages/expense/AddExpense.jsp (line: 88, column: 43) quote symbol expected
    org.apache.jasper.compiler.DefaultErrorHandler.jspError(DefaultErrorHandler.java:42)
    org.apache.jasper.compiler.ErrorDispatcher.dispatch(ErrorDispatcher.java:443)
    org.apache.jasper.compiler.ErrorDispatcher.jspError(ErrorDispatcher.java:89)
    org.apache.jasper.compiler.Parser.parseAttribute(Parser.java:222)
    org.apache.jasper.compiler.Parser.parseAttributes(Parser.java:162)
    org.apache.jasper.compiler.Parser.parseAttributes(Parser.java:153)
    org.apache.jasper.compiler.Parser.parseCustomTag(Parser.java:1236)
    org.apache.jasper.compiler.Parser.parseElements(Parser.java:1452)
    org.apache.jasper.compiler.Parser.parse(Parser.java:138)
    org.apache.jasper.compiler.ParserController.doParse(ParserController.java:242)
    org.apache.jasper.compiler.ParserController.parse(ParserController.java:102)
    org.apache.jasper.compiler.Compiler.generateJava(Compiler.java:198)
    org.apache.jasper.compiler.Compiler.compile(Compiler.java:373)
    org.apache.jasper.compiler.Compiler.compile(Compiler.java:353)
    org.apache.jasper.compiler.Compiler.compile(Compiler.java:340)


Line 88 is `+ "<s:select name=\"expenseList[1].param\" list=\"'advertisement','food'\"/>"`

2条答案

按热度按时间

7kqas0il1#

由于您只使用JavaScript来追加HTML（而不是操作它或DOM），因此可以考虑返回JSP片段。
你可以找到complete example here。
还记得Mapkeypress，否则使用键盘的用户不会触发事件。
它会是这样的：

<script type="text/javascript">
    $(document).ready(function() {
        $("#add").on('keypress click', function(event) {
            $.ajax({
                url: "<s:url action='loadNewRowTemplateWithAjaxAction'/>",
            }).done(function(result) {
                $(".row").append(result);
            });
        });
    });
</script>

这使您可以保持干净的JSP并执行服务器端操作，例如检查是否可以添加新行，或更新会话中的行计数器等。

赞(0）回复(0）举报 2023-10-14

k2arahey2#

您不能使用Struts标记在JavaScript变量中生成HTML作为字符串，因为生成的代码应该 * 转义 * 引号。
JavaScript字符串需要在内容周围加上 quotes，并且内容中的每个引号都应该被转义，因此它不会结束字符串内容。
您也可以尝试使用单引号或双引号来分隔字符串值，但如果没有正确转义，它将在呈现之前失败。
使用Ajax加载作为Ajax响应返回的HTML，而不是从JavaScript变量中的Struts标记生成HTML。

JSP 如何在jQuery中使用Struts2标签作为字符串

2条答案

相关问题

热门标签

最新问答