How to solve the processing exception of wx.request for JSON containing \u2028 in the WeChat applet

This article mainly introduces how to solve the wx.request processing exception for JSON containing \u2028 in the WeChat applet. It has certain reference value. Now I share it with you. Friends in need can refer to it

Problem description

Recently, during the development process of the mini program, I encountered a magical problem.

The API wx.request used by the applet to initiate network requests will parse the response body in JSON format by default and return a JS Object.

wx.request({
    url: 'test.php', //仅为示例，并非真实的接口地址
    data: {
        x: '',
        y: ''
    },
    header: {
        'content-type': 'application/json' // 默认值
    },
    success: function(res) {
        console.log(res.data)
    }
})

Among them, res.data will generally be of Object type.

However, if the JSON data of the response body contains the characters \\u2028, the interpretation will fail, and the output res.data is the string type of the response body. .

Sample

Test sample:{"test":"There is a special character here: "}

Test code:

wx.request({
    ...
    success: (res) => {
        console.log('APIFactory:run', '调试', { res });
    },
});

Result:

1. can be parsed normally in the developer tools
   
   

2. on the real machine ( iOS and Android), both parsing failed
   
   

##u2028

The special character is

\u2028, parsing is the line separator. This character is compatible in JSON strings and can be parsed normally by
JSON.parse. But if there is this string in the JS code, it will cause a running error.

Why the performance of real devices and developer tools is inconsistent

WeChat applet runs on three terminals: iOS, Android and developer tools for debugging.

The JS script execution environments of the three terminals are different:

• On iOS, the javascript code of the mini program runs in JavaScriptCore.

• On Android, the javascript code of the applet is parsed through X5 JSCore.

• On the development tool, the javascript code of the mini program runs in nwjs.

The logic layer and view layer of the mini program call Native API through "WeixinJsBridge".

So the problem lies in,

wx.request For the data processing of the response body, is it processed by JS Engine or Native? Since WeChat does not disclose the source code of the mini program, it is unknown. The processing of

wx.request is equivalent to a black box for us, and there are many possible values ​​for the data type of res.data. If you want To provide better robustness in business, it also needs to be compatible with the judgment and fault-tolerant code when res.data is of Object/String type.

The above is the entire content of this article. I hope it will be helpful to everyone's study. For more related content, please pay attention to the PHP Chinese website!

Related recommendations:

Explanation of tips for Array arrays in JavaScript

How to use Angular-UI Bootstrap Methods for components to implement alerts

The above is the detailed content of How to solve the processing exception of wx.request for JSON containing \u2028 in the WeChat applet. For more information, please follow other related articles on the PHP Chinese website!