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());
	}

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

相关推荐
ID_1800790547321 小时前
Python 实现亚马逊商品详情 API 数据准确性校验(极简可用 + JSON 参考)
java·python·json
代码AI弗森1 天前
配置文件战争:TOML/YAML/JSON 为何成为不同框架的“专属标配”?
json
计算机安禾1 天前
【Linux从入门到精通】第36篇:DNS服务探秘——自己搭建一个内网DNS
linux·运维·servlet
测试那点事儿1 天前
零基础API 接口自动化框架源代码:结构、功能与运行时序
java·servlet·自动化
lifewange2 天前
CNode API v1 完整接口文档(JSON 规范整理)
java·前端·json
测试修炼手册2 天前
[测试技术] 深入理解 JSON Web Token (JWT)
前端·json
九转成圣2 天前
Java 性能优化实战:如何将海量扁平数据高效转化为类目字典树?
java·开发语言·json
小袁拒绝摆烂2 天前
多表关联大平层转JSON树形结构
java·json
技术钱2 天前
PyTest配置与API测试用例
servlet·测试用例·pytest
学术阿凡提2 天前
Spring Boot 集成 Fastjson2 完整教程:从入门到避坑
spring boot·安全·json