前端通过URL传参的写法

在前端中，可以使用 URL 来传递参数。一般情况下，通过在 URL 中添加查询参数的方式来传递参数。以下是一个简单的例子：

<!-- 源页面 -->
<a href="/target_page?param=hello">跳转到目标页面</a>

在这个例子中，我们在 URL 中添加了一个查询参数 `param`，值为 `hello`。当用户点击链接时，就会跳转到目标页面，并且把参数传递给目标页面。

在目标页面中，可以使用 JavaScript 或其他前端框架来获取 URL 中的参数。以下是使用 JavaScript 获取 URL 参数的例子：

<!-- 目标页面 -->
<script>
  // 获取 URL 中的参数
  const urlParams = new URLSearchParams(window.location.search);
  const param = urlParams.get('param');
  console.log(param); // 输出: hello
</script>

在这个例子中，我们使用了 JavaScript 中的 URLSearchParams 类来获取 URL 中的参数，并把参数打印到控制台上。

需要注意的是，在 URL 中传递敏感信息是不安全的，因为 URL 参数可以被记录在浏览器历史记录、服务器日志等地方。因此，对于需要保密的信息，应该使用其他更安全的方式来传递，例如 POST 请求、加密等等。

相关问题

前端通过url传参数写法

前端可以通过以下方式通过 URL 传递参数：

1. 使用问号传参方式（Query String）：在 URL 后面添加一个问号（?），然后在后面添加参数名和对应的值，多个参数之间使用 & 分隔。例如：http://www.example.com?param1=value1&param2=value2。

2. 使用路径参数方式（Path Parameter）：将参数直接添加到 URL 的路径中，多个参数之间使用 / 分隔。例如：http://www.example.com/path/param1/value1/param2/value2。

3. 使用哈希参数方式（Hash Parameter）：将参数添加到 URL 的哈希（#）后面，多个参数之间也使用 & 分隔。例如：http://www.example.com#param1=value1&param2=value2。

需要注意的是，不同的方式传递参数的语法和使用方式都有所不同，前端需要根据实际情况选择合适的方式。同时，需要注意参数的编码和解码，以避免出现乱码或安全问题。

controller层JOSNObject传参写法

在 Controller 层接收 JSONObject 参数的写法可以如下：

@PostMapping("/example")
public ResponseEntity<?> example(@RequestBody JSONObject jsonObject) {
    // 处理 jsonObject
    return ResponseEntity.ok().build();
}

其中，@RequestBody 注解表示请求体中的数据会被映射到 JSONObject 对象中。使用 JSONObject 对象可以方便地对 JSON 数据进行解析和操作。

需要注意的是，这里的 JSONObject 对象需要引入相应的依赖，可以在 pom.xml 文件中添加以下依赖：

<dependency>
    <groupId>com.alibaba</groupId>
    <artifactId>fastjson</artifactId>
    <version>1.2.78</version>
</dependency>

这样就可以在 Controller 层接收 JSONObject 参数并进行处理了。