【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工具进行编码:

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

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

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

相关推荐
GISer_Jing6 分钟前
2025前端面试热门题目——计算机网络篇
前端·计算机网络·面试
m0_748245527 分钟前
吉利前端、AI面试
前端·面试·职场和发展
yuanbenshidiaos17 分钟前
c++---------数据类型
java·jvm·c++
理想不理想v20 分钟前
webpack最基础的配置
前端·webpack·node.js
向宇it20 分钟前
【从零开始入门unity游戏开发之——C#篇25】C#面向对象动态多态——virtual、override 和 base 关键字、抽象类和抽象方法
java·开发语言·unity·c#·游戏引擎
pubuzhixing23 分钟前
开源白板新方案:Plait 同时支持 Angular 和 React 啦!
前端·开源·github
2401_8576009533 分钟前
SSM 与 Vue 共筑电脑测评系统:精准洞察电脑世界
前端·javascript·vue.js
2401_8576009533 分钟前
数字时代的医疗挂号变革:SSM+Vue 系统设计与实现之道
前端·javascript·vue.js
GDAL34 分钟前
vue入门教程:组件透传 Attributes
前端·javascript·vue.js
Lojarro34 分钟前
【Spring】Spring框架之-AOP
java·mysql·spring