from 表单用 GET 方法进行 URL 传值时后台无法获取问题

问题描述

<a href="${pageContext.request.contextPath}/client?method=add">点我</a>
    
<form action="${pageContext.request.contextPath }/client?method=add" method="get">
    <p>First name: <input type="text" name="fname" /></p>
    <p>Last name: <input type="text" name="lname" /></p>
    <input type="submit" value="Submit" />
</form>

form 表单使用 GET 方式提交数据,后台打印不出来参数 method 的值,在浏览器地址栏中也不显示值,地址栏显示如下:

http://localhost:8888/CRM/client?fname=1&lname=1

使用 POST 方式地址栏就能显示参数 method

http://localhost:8888/CRM/client?method=addUser

问题原因

表单提交时 GET 是把参数数据队列加到提交表单的 ACTION 属性所指的 URL 中,值和表单内各个字段一一对应,在 URL 中可以看到。自己添加的参数会被清除掉。如果需要添加参数的话,可以用一个隐藏的字段来添加,如:

<input type="hidden" name="method" value="add">

转载于:https://www.cnblogs.com/markLogZhu/p/11400172.html

### 后端向Vue前端递数据的方法及实现方式 后端向 Vue 前端递数据通常可以通过 HTTP 请求完成,常见的方法有以下几种: #### 1. 使用 `fetch` API 获取后端数据 `fetch` 是一种现代浏览器内置的接口,用于发起网络请求并获取资源。它支持 Promise 链式调用,能够轻松处理异步操作。 以下是通过 `fetch` 方法从前端请求后端数据的一个示例: ```javascript // 发起 GET 请求 fetch('http://localhost:9090/api/data') // 替换为实际的API地址 .then(response => response.json()) // 将返回的数据解析为 JSON 格式 .then(data => { console.log(data); // 处理接收到的数据 this.receivedData = data; // 绑定到 Vue 实例中的变量 }) .catch(error => console.error('Error:', error)); // 错误处理 ``` 此代码片段展示了如何从指定 URL 中拉取数据并将结果存储到 Vue 的实例属性中[^2]。 #### 2. 使用 Axios 库发送请求 Axios 是一个基于 Promise 的 HTTP 客户端库,功能更强大且易于使用。它可以替代原生的 `fetch` 并提供更多的配置选项。 下面是一个使用 Axios 进行 POST 请求的例子: ```javascript import axios from 'axios'; axios.post('http://localhost:9090/api/submit', { key: value }) // 提交表单或其他数据 .then(function (response) { console.log(response.data); this.responseMessage = response.data.message; }) .catch(function (error) { console.error('An error occurred:', error); }); ``` 在此例子中,`axios.post()` 调用了后端服务,并将响应保存到了 Vue 数据模型中。 #### 3. WebSocket 实现实通信 对于需要频繁更新或者即交互的应用场景(比如聊天室),WebSocket 可能更适合。相比统的轮询机制,WebSocket 协议允许服务器主动推送消息至客户端而无需等待新的请求到来。 建立连接之后,每当后台有任何新事件触发都可以立即通知前台应用刷新界面显示最新状态信息。 注意:以上提到的技术都需要考虑跨域资源共享(CORS)策略设置问题,在开发阶段可能遇到权限受限的情况,则需调整相应服务器端规则来允许来自特定源地访问请求。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值