微信小程式中如何解決wx.request對於JSON 含\u2028的處理異常

這篇文章主要介紹了關於微信小程式中如何解決wx.request對於JSON 含\u2028的處理異常，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下

問題描述

最近在小程式的開發過程中，遇到一個神奇的問題。

小程式用於啟動網路請求的 API wx.request 預設會對為 JSON 格式的回應體進行解析，並傳回 JS Object。

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

其中 res.data 一般會是 Object 類型。

但是，響應體的JSON 資料包含了\\u2028 的字符，就會解釋失敗，輸出的res.data 是響應體的字串類型。

樣本

測試樣本：{“test”:”這裡有一個特殊字元：  "}

測試程式碼：

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

結果：

1. 在開發者工具中，能正常解析
   
   

2. 在真機（ iOS 和Android），都解析失敗
   
   

u2028

該特殊字元就是\u2028，解析為行分隔符號。
該字符，在 JSON 字串中，是被相容的，是能被 JSON.parse 正常解析的。
但是 JS 程式碼中有這個字串，就會導致運行出錯。

為什麼真機和開發者工具表現不一致

微信小程式運行在三端：iOS、Android 和 用於偵錯的開發者工具。
三端的JS腳本執行環境是各不相同的：

• 在 iOS 上，小程式的 javascript 程式碼是運行在 JavaScriptCore 中。

• 在 Android 上，小程式的 javascript 程式碼是透過 X5 JSCore來解析。

• 在 開發工具上， 小程式的 javascript 程式碼是運行在 nwjs 中。

而小程式的邏輯層和視圖層，都是透過「WeixinJsBridge」來呼叫 Native API 的。

所以問題出在，wx.request 對於回應體的資料處理，到底是在JS Engine 處理的，還是Native 處理的，在微信不公開小程式原始碼的情況下，不得而知。

wx.request 的處理對於我們來說，相當於黑盒，並且對於res.data 的資料類型可能值是多種的，如果想在業務上提供更好的健全性，還需要相容res.data 為Object/String 類型時的判斷和容錯程式碼。

以上就是本文的全部內容，希望對大家的學習有所幫助，更多相關內容請關注PHP中文網！

相關推薦：

JavaScript中Array陣列的tips的講解

如何使用Angular-UI Bootstrap元件實作警報的方法

#

以上是微信小程式中如何解決wx.request對於JSON 含\u2028的處理異常的詳細內容。更多資訊請關注PHP中文網其他相關文章！