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

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

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

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

相关推荐
拉不动的猪11 分钟前
前端自做埋点,我们应该要注意的几个问题
前端·javascript·面试
爱喝一杯白开水11 分钟前
SpringMVC从入门到上手-全面讲解SpringMVC的使用.
java·spring·springmvc
王景程21 分钟前
如何测试短信接口
java·服务器·前端
安冬的码畜日常44 分钟前
【AI 加持下的 Python 编程实战 2_10】DIY 拓展:从扫雷小游戏开发再探问题分解与 AI 代码调试能力(中)
开发语言·前端·人工智能·ai·扫雷游戏·ai辅助编程·辅助编程
小杨升级打怪中1 小时前
前端面经-JS篇(三)--事件、性能优化、防抖与节流
前端·javascript·xss
清风细雨_林木木1 小时前
Vue开发网站会有“#”原因是前端路由使用了 Hash 模式
前端·vue.js·哈希算法
zhang23839061541 小时前
IDEA add gitlab account 提示
java·gitlab·intellij-idea·idea
鸿蒙布道师1 小时前
OpenAI为何觊觎Chrome?AI时代浏览器争夺战背后的深层逻辑
前端·人工智能·chrome·深度学习·opencv·自然语言处理·chatgpt
袈裟和尚1 小时前
如何在安卓平板上下载安装Google Chrome【轻松安装】
前端·chrome·电脑
曹牧1 小时前
HTML字符实体和转义字符串
前端·html