Question

无法在jquery中将struts2标记用作字符串

这是我的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中使用上面的字符串这样每当用户点击添加按钮时它必须生成一个新行。我在上面添加了一个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)

第88行是+ "<s:select name=\"expenseList[1].param\" list=\"'advertisement','food'\"/>"

Answer 1

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

Answer 2

由于您仅使用javascript附加HTML（而不是操纵它或DOM），因此请考虑返回JSP代码段。

您可以找到complete example here。

另请记住也要映射keypress，否则使用键盘的用户不会触发该事件。

这将是：

<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并执行服务器端操作，例如检查是否可以添加新行，或更新会话中的行计数器等等...

无法在jquery中将struts2标记用作字符串

2 个答案: