strus取到的url怎么放到js

在Struts中获取URL并传递到JavaScript的方法

在使用Struts框架进行Web开发时，常常需要将服务器端生成的URL传递到前端的JavaScript中，以便在客户端进行进一步的处理。通过隐藏字段传递、通过数据属性传递、直接在标签中嵌入、通过Ajax请求是实现这一目的的有效方法。下面将详细解释这几种方法。

一、通过隐藏字段传递

这种方法是最简单也是最常用的一种方式。我们可以在JSP页面中使用隐藏字段将URL传递给JavaScript。

1. 在JSP中创建隐藏字段

首先，我们在JSP页面中使用Struts标签创建一个隐藏字段，并将URL赋值给这个字段。

<s:hidden name="hiddenUrl" value="<%=request.getContextPath()%>/yourAction"/>

2. 在JavaScript中获取隐藏字段的值

然后，在JavaScript中，我们可以通过document.getElementById或document.querySelector来获取这个隐藏字段的值。

<script type="text/javascript">

    window.onload = function() {
        var url = document.getElementById('hiddenUrl').value;
        console.log(url);
        // 你可以在这里使用这个URL
    };
</script>

二、通过数据属性传递

HTML5引入了数据属性（data-*），这使得我们可以非常方便地将数据嵌入到HTML元素中。

1. 在JSP中设置数据属性

我们可以使用Struts标签将URL嵌入到一个HTML元素的data属性中。

<div id="urlContainer" data-url="<%=request.getContextPath()%>/yourAction"></div>

2. 在JavaScript中获取数据属性的值

在JavaScript中，我们可以通过dataset属性来获取这个数据属性的值。

<script type="text/javascript">

    window.onload = function() {
        var url = document.getElementById('urlContainer').dataset.url;
        console.log(url);
        // 你可以在这里使用这个URL
    };
</script>

三、直接在标签中嵌入

我们还可以直接在JavaScript代码中嵌入从Struts获取的URL。

1. 在JSP中直接嵌入URL

我们可以在JSP页面的JavaScript代码中直接使用表达式语言（EL）来获取URL。

<script type="text/javascript">

    window.onload = function() {
        var url = "<%=request.getContextPath()%>/yourAction";
        console.log(url);
        // 你可以在这里使用这个URL
    };
</script>

四、通过Ajax请求获取

有时候，我们可能需要在页面加载后通过Ajax请求来获取URL。

1. 在JavaScript中发送Ajax请求

我们可以使用jQuery或原生的XMLHttpRequest来发送一个Ajax请求，并在服务器端返回URL。

<script type="text/javascript">

    window.onload = function() {
        var xhr = new XMLHttpRequest();
        xhr.open('GET', '<%=request.getContextPath()%>/getUrlAction', true);
        xhr.onreadystatechange = function() {
            if (xhr.readyState == 4 && xhr.status == 200) {
                var url = xhr.responseText;
                console.log(url);
                // 你可以在这里使用这个URL
            }
        };
        xhr.send();
    };
</script>

在服务器端的Action中，我们需要返回这个URL。

public class GetUrlAction extends ActionSupport {

    public String execute() throws Exception {
        HttpServletResponse response = ServletActionContext.getResponse();
        response.setContentType("text/plain");
        PrintWriter out = response.getWriter();
        out.print(request.getContextPath() + "/yourAction");
        out.flush();
        out.close();
        return null;
    }
}

结论

将Struts中生成的URL传递到JavaScript中有多种方法，每种方法都有其特定的场景和优缺点。通过隐藏字段传递、通过数据属性传递、直接在标签中嵌入、通过Ajax请求是最常用的几种方式，根据实际需求选择合适的方法可以提高开发效率和代码的可维护性。

在项目管理中，选择合适的工具也是至关重要的。对于研发项目管理，推荐使用PingCode，它专为研发团队设计，功能全面。而对于通用项目协作，Worktile是一个不错的选择，适用于多种团队协作场景。

相关问答FAQs：

1. 如何将strus取到的URL放入JavaScript中？

• 问题： 我如何将使用strus提取的URL放入JavaScript中？
• 回答： 您可以通过将strus提取的URL存储在JavaScript变量中来将其放入JavaScript中。在strus提取URL的代码之后，您可以使用以下方法将其存储在JavaScript变量中：

var extractedUrl = "在这里插入strus提取的URL";

然后，您可以在JavaScript中使用这个变量进行进一步的处理或操作。

2. 如何将strus提取的URL传递给JavaScript函数？

• 问题： 我想将从strus提取的URL传递给JavaScript函数进行处理，该怎么做？
• 回答： 您可以将从strus提取的URL作为参数传递给JavaScript函数。首先，将strus提取的URL存储在一个变量中，然后在调用函数时将该变量作为参数传递给函数。例如：

var extractedUrl = "在这里插入strus提取的URL";

function myFunction(url) {
  // 在这里对URL进行处理
  console.log(url);
}

myFunction(extractedUrl);

这样，您就可以在JavaScript函数中使用从strus提取的URL进行进一步的处理。

3. 如何在JavaScript中使用strus提取的URL进行页面跳转？

• 问题： 我想使用从strus提取的URL在JavaScript中进行页面跳转，有什么方法吗？
• 回答： 是的，您可以使用JavaScript的window.location.href属性来实现页面跳转。将从strus提取的URL存储在一个变量中，然后使用window.location.href将页面跳转到该URL。例如：

var extractedUrl = "在这里插入strus提取的URL";

// 在JavaScript中进行页面跳转
window.location.href = extractedUrl;

这样，页面将会自动跳转到从strus提取的URL所指向的页面。请注意，这将在当前窗口中打开新页面。如果您想在新标签页或窗口中打开页面，请使用window.open(extractedUrl)。