任何方式使用jjl自定义标签的ajax而不在javascript中复制标签？

Question

I am working on a page where part of the content is loaded normally and the pages are rendered using jsps. 我正在一个页面上正常加载部分内容，并使用jsps呈现页面。 The product images and links generated on that page are by custom jstl tags. 在该页面上生成的产品图像和链接是通过自定义jstl标记。

When the user scrolls more products are requested from the server in a JSON response and then using UnderscoreJS templates they are rendered and added to the bottom of the page. 当用户滚动时，在JSON响应中从服务器请求更多产品，然后使用UnderscoreJS模板将它们呈现并添加到页面底部。 Is there any way I can use the JSTL tags in Javascript without recreating them using a javascript function (it won't be possible to re-create all of them in javascript). 有没有什么办法可以在Javascript中使用JSTL标签，而无需使用javascript函数重新创建它们（不可能在javascript中重新创建所有这些标签）。

What is the best way to handle this scenario? 处理这种情况的最佳方法是什么？ I guess I could return a rendered html response for the ajax call, but that would mean I have some ajax requests which use json and some that use rendered html... 我想我可以为ajax调用返回一个渲染的html响应，但这意味着我有一些使用json的ajax请求和一些使用渲染的html ...

Answer 1

You can't re-use the JSTL tags in JavaScript both because they are Java, not JavaScript, and because they are executed on the server side as the page is rendered, not on the client. 您不能在JavaScript中重复使用JSTL标记，因为它们是Java而不是JavaScript，并且因为它们在呈现页面时在服务器端执行，而不是在客户端上执行。

However, since your JavaScript can already get and render the data, why not just do away with rendering of the first part with JSTL, and do the whole thing in JavaScript/Ajax/UnderscoreJS ? 但是，既然你的JavaScript已经可以获取并呈现数据，那么为什么不放弃使用JSTL渲染第一部分，并在JavaScript / Ajax / UnderscoreJS中完成所有工作呢？

Answer 2

One way to solve this is to make AJAX method to return the HTML instead of the plain objects. 解决此问题的一种方法是使AJAX方法返回HTML而不是普通对象。

You can write a jsp page which will create the html for the new records and send the html as the response which can be appended to the previous contents. 您可以编写一个jsp页面，该页面将为新记录创建html，并将html作为响应发送，该响应可以附加到之前的内容中。

Ex 防爆

Assume that your page is like this 假设您的页面是这样的

<div class="container">
    <div class="record rec-1">
        //some html code
    </div>
    <div class="record rec-2">
        //some html code
    </div>

    .....
    .....

    <div class="record rec-n">
        //some html code
    </div>
</div>

Then when you want to load more contents and make the ajax call let the server return a processed html response like 然后当你想加载更多的内容并进行ajax调用时，让服务器返回一个处理过的html响应

    <div class="record rec-n+1">
        //some html code
    </div>
    <div class="record rec-n+2">
        //some html code
    </div>

    .....
    .....

    <div class="record rec-n+k">
        //some html code
    </div>

Which you can easily apped to the container . 您可以轻松地将其container到container 。 You can use a jsp page to generate the html. 您可以使用jsp页面生成html。

Answer 3

I've used in the same situation at least two (more or less similar) solutions. 我在相同的情况下使用了至少两个（或多或少相似）的解决方案。

Use included JSP. 使用包含的JSP。 The first request (page with list of product images and links) should return JSP for the whole page, eg 第一个请求（包含产品图像和链接列表的页面）应返回整个页面的JSP，例如
```
 <%@page contentType="text/html; charset=UTF-8"%> <!DOCTYPE html> <html> ... skipped ... <c:forEach items="${products}" var="product"> <%@include file="productInfo.jsp"%> </c:forEach> ... skipped ... </html> 
```
Second request (AJAX request for continuation of the list) should return JSP with requested part of list: 第二个请求（继续列表的AJAX请求）应该返回带有请求的列表部分的JSP：
```
 <c:forEach items="${products}" var="product"> <%@include file="productInfo.jsp"%> </c:forEach> 
```
Its content may be inserted by AJAX response handler in browser into DOM without any additional processing. 其内容可以由浏览器中的AJAX响应处理程序插入到DOM中，而无需任何其他处理。 Note that both responses include the same JSP to render information about the single product. 请注意，两个响应都包含相同的JSP来呈现有关单个产品的信息。

Instead of <%@include file="..."%> you may use JSP tags . 您可以使用JSP标记代替<%@include file="..."%> 。 The rest looks similar: JSP for the whole page 其余看起来类似：整个页面的JSP

 <%@page contentType="text/html; charset=UTF-8"%> <!DOCTYPE html> <html> ... skipped ... <c:forEach items="${products}" var="product"> <tag:productInfo product="${product}" /> </c:forEach> ... skipped ... </html>

JSP with requested part of list: 带有请求部分列表的JSP：

 <c:forEach items="${products}" var="product"> <tag:productInfo product="${product}" /> </c:forEach>

This way you can reuse single view (JSP) for both responses (AJAX and non-AJAX), and eliminate second rendering mechanism for AJAX (JSON + manual DOM fragment creation from JavaScript). 这样，您可以为单个视图（AJAX和非AJAX）重用单个视图（JSP），并消除AJAX的第二种渲染机制（从JavaScript创建JSON +手动DOM片段）。

任何方式使用jjl自定义标签的ajax而不在javascript中复制标签？

问题描述

3 个解决方案

解决方案1
3 2012-11-26 04:18:29

解决方案2
1 2012-11-26 04:51:34

解决方案3
1 2012-12-02 22:31:42

任何方式使用jjl自定义标签的ajax而不在javascript中复制标签？

问题描述

3 个解决方案

解决方案1 3 2012-11-26 04:18:29

解决方案2 1 2012-11-26 04:51:34

解决方案3 1 2012-12-02 22:31:42

解决方案1
3 2012-11-26 04:18:29

解决方案2
1 2012-11-26 04:51:34

解决方案3
1 2012-12-02 22:31:42