【JavaEE】_前端使用GET请求的queryString向后端传参

目录

[1. GET请求的query string](#1. GET请求的query string)

[2. 关于query string的urlencode](#2. 关于query string的urlencode)


1. GET请求的query string

  1. 在HttpServletRequest请求中,getParameter方法用于在服务器这边获取到请求中的参数,主要在query string中

query string中的键值对都是程序员自定义的,实际开发中使用非常广泛,用于对本次访问进行补充说明;

  1. 可以理解为:请求进入tomcat后,其query string会被tomcat解析为一个map<String, String>这样的结构,getParameter就是在查询map中的内容;

.java内容如下:

java 复制代码
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
@WebServlet("/GetParameter")
public class GetParameterServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        // 约定:请求中的query string形如username=zhangsan&password=123
        String username = req.getParameter("username");
        String password = req.getParameter("password");
        System.out.println("username: "+ username);
        System.out.println("password: "+ password);
        resp.getWriter().write("ok");
    }
}

通过浏览器访问:

  1. 当请求中没有手动添加query string部分时,进行访问:

浏览器也可以收到返回的ok响应:

在服务器端,两个key对应的value均为null:

  1. 当手动添加query string后再访问:

此时再查看服务器端,请求中的query string部分就被服务器获取到了:

2. 关于query string的urlencode

现假设客户端发送给服务器的请求中query string部分内容为:username=张三&password=456:

可见服务器响应返回成功。

查看服务器端:

虽然此处汉字也能正确显示,但是存在风险的。

url中如果出现了中文或其他特殊符号,最好进行urlencode操作,否则可能有些服务器无法正确处理:

比如对于上例中的"张三"二字,可以使用urlencode工具进行编码:

在浏览器端将"张三"替换为以上编码:

(浏览器会自动识别编码,解码为汉语)

如果浏览器没有解码,服务器会将其解码为汉语,查看服务器端:

相关推荐
AD钙奶-lalala21 分钟前
Mac OS上搭建 http server
java
知识分享小能手1 小时前
React学习教程,从入门到精通, React 属性(Props)语法知识点与案例详解(14)
前端·javascript·vue.js·学习·react.js·vue·react
魔云连洲1 小时前
深入解析:Vue与React的异步批处理更新机制
前端·vue.js·react.js
mCell1 小时前
JavaScript 的多线程能力:Worker
前端·javascript·浏览器
超级无敌攻城狮3 小时前
3 分钟学会!波浪文字动画超详细教程,从 0 到 1 实现「思考中 / 加载中」高级效果
前端
excel4 小时前
用 TensorFlow.js Node 实现猫图像识别(教学版逐步分解)
前端
gnip4 小时前
JavaScript事件流
前端·javascript
皮皮林5514 小时前
SpringBoot 全局/局部双模式 Gzip 压缩实战:14MB GeoJSON 秒变 3MB
java·spring boot
赵得C4 小时前
【前端技巧】Element Table 列标题如何优雅添加 Tooltip 提示?
前端·elementui·vue·table组件
wow_DG4 小时前
【Vue2 ✨】Vue2 入门之旅 · 进阶篇(一):响应式原理
前端·javascript·vue.js