使用 Javascript/Jquery 访问 Servlet 响应属性 [重复]

Question

我正在使用带有 Tomcat 的 Java servlet 以 HTML 格式显示位置表。表行中的数据由名称、位置等信息组成，是通过获取 servlet 响应数据并将其注入标签中获得的。然而，一旦完成，我需要使用 Javascript 根据它们的值来操作“td”元素。因此，如果进入“td”元素的位置之一是“USA”，我的 Javascript 函数会针对“USA”元素执行一些特定的操作，例如将周围的边框设为红色、白色和蓝色。

我不想使用 $.ajax 发送请求。我只是想在脚本元素的范围内访问由 servlet 响应返回的属性，就像我使用 JSP scriptlets 以以下方式一样

<% request.getAttribute("location"); %>

我有点惊讶我还没有找到如何在网上执行此操作，因为这似乎是任何使用 servlet 和 JS 的人的日常操作，但我在 SO 和 Google 上搜索无济于事。

Answer 1

正如@CarlosGavidia（秘鲁研究员）所解释的，脚本在服务器端运行，而 JavaScript（以及在其之上的其他框架，如 jQuery 或 Dojo）在客户端运行，例如在浏览器客户端。此外，强烈建议不要使用 scriptlet，详细说明请参见：How to avoid Java code in JSP files?

如果您访问了最后一个链接，您就会知道应该使用EL 和JSTL 来访问您的页面上下文（PageContext）、请求（ServletRequest）、会话（HttpSession）和/或应用程序（ServletContext ) 属性（更多相关信息：How to pass parameter to jsp:include via c:set? What are the scopes of the variables in JSP?）。

有了这个背景，现在您可以理解，您无法直接访问请求属性（或 Java 代码中的其他属性），除非它们被设置为 DOM 的一部分或注入到 javascript 代码中。显示两种情况的示例：

1. 将请求属性设置为 DOM 的一部分。

   <input type="hidden" id="hidReqAttr" value="${location}" />
   <script type="text/javascript">
       function foo() {
           var fromJavaSide = document.getElementById("hidReqAttr").value;
           //fromJavaSide value will be ${location}
       }
   </script>
   

2. 直接在 JavaScript 上注入请求属性。

   <script type="text/javascript">
       function foo() {
           var fromJavaSide = '<c:out value="${location}" />';
           //fromJavaSide value will be ${location} as string
       }
   </script>
   

请注意，使用这些方法中的任何一种意味着您可以使用 JavaScript 操作 Java 服务器变量值，但将仅在 JavaScript 端工作，不会影响在服务器端设置的请求属性值。换句话说：

<script type="text/javascript">
    function foo() {
        var fromJavaSide = '<c:out value="${location}" />';
        //fromJavaSide value will be ${location} as string
        fromJavaSide = fromJavaSide + '_modified';
        //last line affects only the JavaScript variable, not the request attribute value
    }
</script>

---

因此，如果进入“td”元素的位置之一是“USA”，我的 Javascript 函数会针对“USA”元素执行一些特定的操作，例如将周围的边框设为红色、白色和蓝色。

使用带有 ID 的 HTML 组件或将 CSS 类名称应用于您的 <td> 以了解您将在哪里获得所需的值。以"USA" 为例：

<td class="${location eq 'USA' ? 'usaStyle' : 'commonStyle'}">${location}</td>
<script type="text/javascript">
    function foo() {
        var usaTDs = document.getElementsByClassName('usaStyle');
        //now you have all TDs with usaStyle that has your `USA` text
    }
</script>

---

根据您的评论，您还希望访问请求参数（可能来自查询字符串）。使用${param.parameterName} 获取它们。上面 EL 链接中的更多信息，请查看隐式 EL 对象部分，该部分解释了获取请求参数和其他功能。

Answer 2

HTML DOM 操作应该使用 JavaScript 来完成。 JSP/Servlet 是服务器端编程技术，无法通过 JavaScript 访问像 HTTPServletRequest 这样的对象：这些实例位于 Servlet 容器中，而 JavaScript 在客户端浏览器中执行。

另一方面，我认为通过纯 JavaScript 更改 TD 标记内容没有问题。您可以使用 Dojo 或 JQuery 等工具包来简化此任务。

Answer 3

using ajax cal we can cal directly to our servlet class and   servlet return string in json format(using gson lib) we can parse json using jquery parse method     
 $.ajax({
        url: "controller/url", 
         success: function(result){
                alert(result);
            }});