JSON数据传输之客户端上传JSON数据
先说一个很容易出现的错误
ajax里的datatype是预期希望服务器回传的数据类型,Content-Type需要设置。
有同学可能会以为这个datatype是指发出的是JSON数据格式;
或者也有人认为把ajax里可选项data变成JSON格式的样子,请求的参数就是JSON格式,类似这样
{
“dateTime”:dateTime,
“Value”:Value,
}
其实不然,通过下图可以发现,它的type还是表单提交方式, 这就是默认值。而contentType: ‘application/json;charset=utf-8’ ,指定数据是以Json的形式传递,这才是传递JSON数据的方式;再有,创建的data算是JSON对象,在application/json下我们需要对数据进行序列化转换为JSON字符串进行传输。
举一个最为直观的例子来证明,假如你的ajax传的还是这样:
data:{
“dateTime”:dateTime,
“Value”:Value,
},
那么,你在后台使用request.getParameter方法就能稳定获取对应元素的值,和表单传值的提取方式是一模一样的,再加上之前的Content-Type佐证,可以得出结论 ,再对Content-Type没有要求的情况下,data发送JSON对象是属于表单方式传值,请求的参数也是属于form格式的。
接下来是具体实现
要完成需求可以分为以下几部分
- ajax请求的数据组装并发送
- Servlet后台接收JSON数据
- 对JSON数据进行提取并进行数据库查询
Ajax
这里如果是要传对象的话必须符合键/值对形式。
此时我们的工作就是在Ajax中设定Content-Type:json
并且在准备请求到服务端的data数据进行序列化,data:JSON.stringify
比如这样
.ajax(){
ContentType: ‘application/json;charset=utf-8’ ,
data:JSON.stringify(data)
}
后台接收JSON数据
这里采用字符流形式进行接收,首先需要导入Java.io的包
通过定义一个字符串变量来进行接收StringBuffer buffer
采用BufferedReader进行字符流读取缓冲输入流中被序列化的字符串。
通过StringBuffer的append方法把字符流接收到的数据复制到字符串变量中
JSON数据的提取
接下来的工作就变成了如何把JSON对象中的键值对提取出来
首先我们可以采用迭代器iterator来遍历JSON数据
JSONObject jo=JSONObject.fromObject(buffer.toString());
Iterator< String > iterator=jo.keys();//指向键名key,用于后续提取键值Value
这里说一下迭代器接口的常用类方法,类似二维数组[hasNext()][next()]
不知道这么写会不会直观一些·····
- iterator.hasNext() -->类似链表,指向下一个元素,如果没有,返回false
- iterator.next() -->获取当前元素的下一个key
这样就可以实现键值提取了。
接下来就是数据库的插入工作,不会的同学可以看我上一篇博客
https://blog.csdn.net/weixin_44165203/article/details/106325375
祝你万事都如意~
马上结课啦,如果对开发有兴趣的同学可以关注下我的博客呀,我会多多更新内容der!!