小程序get和post包含中文数据（解决乱码问题）的Json字符串

1 小程序以GET方式获取服务端的JSON字符串

服务端返回的JSON字符串

{"resourceType": "Patient","id": "2","extension": [{"url": "http://example.com#userage","valueString": "321"}],"identifier": [{"id": "123456789"}],}


微信小程序请求的代码如下&＃xff1a;

wx.request({url: 服务器的URL, method: &＃39;GET&＃39;,success(res) {let patient &＃61; res.datathat.setData({identifier: patient.identifier[0].id,userage: patient.extension[0].valueString})}})


要想保证小程序解析的中文数据没有乱码问题&＃xff0c;就必须做两件事情&＃xff1a;
1. 在Controller类中的相应方法的头部加如下代码&＃xff08;这里用的是Spring MVC框架实现&＃xff0c;Controller类就是控制器&＃xff09;&＃xff1a;

&＃64;RequestMapping(value &＃61; "/映射路径", method &＃61; RequestMethod.GET, produces&＃61;"text/html;charset&＃61;UTF-8")


2. 在JavaWeb项目的web.xml里面**不能**出现下面的代码&＃xff1a;


characterEncodingFilterorg.springframework.web.filter.CharacterEncodingFilterencodingUTF-8forceEncodingtruecharacterEncodingFilter/*


2 小程序以POST方式向服务器推送带中文的JSON字符串。

2.1 定义json对象&＃xff0c;具体代码如下&＃xff1a;

var myjsonData &＃61; {你自己的key:value}


2.2 将上一步的json对象转为json字符串&＃xff0c;具体代码如下&＃xff1a;

myjsonData &＃61; JSON.stringify(myjsonData) //将myjsonData引用的JSON对象转为JSON字符串并保存到myjsonData中


2.3 header中的Content-Type的值不是application/json&＃xff01;而是application/x-www-form-urlencoded;charset&＃61;utf-8&＃xff0c;具体代码如下&＃xff1a;

wx.request({url: 服务器的URL, method: &＃39;POST&＃39;,data:{jsonData: myjsonData},header: {&＃39;Content-Type&＃39;: &＃39;application/x-www-form-urlencoded;charset&＃61;utf-8&＃39;}, success(res) {wx.showToast({title:&＃39;保存成功&＃39;,icon: &＃39;success&＃39;,duration: 2000})},fail(res) {wx.showToast({title: &＃39;保存失败&＃39;,})}})


2.3 服务器端的Controller类中的处理方式的具体代码如下&＃xff1a;

&＃64;RequestMapping(value &＃61; "/路径", method &＃61; RequestMethod.POST, produces&＃61;"text/html;charset&＃61;UTF-8")
public String updateUserById(HttpServletRequest request) {String jsonStr&＃61; request.getParameter("jsonData");System.out.println("你小程序传递过来的json字符串&＃xff1a;" &＃43; jsonStr); //没有乱码问题}


3 为什么2中的POST提交数据的代码要这样写&＃xff1f;

如果你的代码写成下面这样&＃xff1a;

wx.request({url: API_URL &＃43; that.data.patientId, method: &＃39;POST&＃39;,data:{//这里是多组key : value},header: {&＃39;Content-Type&＃39;: &＃39;application/x-www-form-urlencoded;charset&＃61;utf-8&＃39;}, success(res) {wx.showToast({title:&＃39;保存成功&＃39;,icon: &＃39;success&＃39;,duration: 2000})},fail(res) {wx.showToast({title: &＃39;保存失败&＃39;,})}})


从微信开发者工具中的调试窗口中的Network看到的是&＃xff1a;你提交的数据是Form Data&＃xff08;键值对&＃xff09;&＃xff0c;而不是JSON字符串&＃xff01;
因为微信小程序解析到’Content-Type’: ‘application/x-www-form-urlencoded;charset&＃61;utf-8’&＃xff0c;所以提交的是Form Data。所以解决思路如下&＃xff1a;那既然小程序提交的是Form Data&＃xff0c;那可以把一个JSON字符串当做一个value值&＃xff0c;而key值可以取任何值。即你的Form Data只需要包含一组键值对&＃xff0c;在这一组键值对中&＃xff0c;key是任意值&＃xff0c;而value是你的JSON字符串。如下图所示