XMLHttpRequest 发送json 格式的数据,servlet 接收

XMLHttpRequest 实现的浏览器的HTTP异步的请求,在前后端进行数据交互的时候,常常使用json的数据格式,在最为基础的servlet 中来进行接收前台传入的json格式的数据,并且进行处理,下面介绍XMLHttpRequest发送数据和servlet 接收数据

javascript 复制代码
        const xhr=new XMLHttpRequest();
         let params=new FormData();
         let username=document.getElementById("username").value;
         let password=document.getElementById("password").value;
         xhr.open("post","./LoginServlet",true)
         xhr.setRequestHeader("Content-Type", "application/json"); 
        let param={
            "username":username,
            "password":password        
        }
        
        xhr.send(JSON.stringify(param));
        xhr.onreadystatechange=function(){
             console.log(xhr.readyState)
             console.log(xhr.responseText)
         
         }
      

后台接收servlet代码:

java 复制代码
	
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		
		StringBuilder sb=new StringBuilder();
		BufferedReader reader=request.getReader();
		String line=null;
		while((line=reader.readLine())!=null) {
		    sb.append(line);
		}
		System.out.println(sb.toString());
	}

上面就是前后端对应的代码,希望对你有所帮助!

相关推荐
.生产的驴14 小时前
React 页面路由ReactRouter 路由跳转 参数传递 路由配置 嵌套路由
前端·javascript·react.js·前端框架·json·ecmascript·html5
StarRocks_labs1 天前
StarRocks 在 Cisco Webex 的探索与实践
数据库·starrocks·json·存算分离·olap 技术栈
.生产的驴1 天前
React 模块化Axios封装请求 统一响应格式 请求统一处理
前端·javascript·react.js·前端框架·json·ecmascript·html5
慌糖1 天前
Java中JSON数据提取与处理
java·json
绛洞花主敏明2 天前
Go语言中json.RawMessage
开发语言·golang·json
大鱼七成饱2 天前
十分钟掌握 Rust json 序列化工具
rust·json
四念处茫茫2 天前
Rust:与JSON、TOML等格式的集成
java·rust·json
zhilin_tang2 天前
在rk3568上架构纯c语言json脚本+webrtc服务音频设备播放设备程序
c语言·架构·json
一只小透明啊啊啊啊3 天前
Java Web 开发的核心组件:Servlet, JSP,Filter,Listener
java·前端·servlet
切糕师学AI3 天前
.NET 对象转Json的方式
json·.net