Question

需要一些帮助来确定页面加载时引发的JSON.parse错误。

未捕获的SyntaxError：JSON中位置0处的意外令牌m 在JSON.parse（）

这只是万事达卡付款网关documentation中提供的示例代码。我正在尝试使用商家提供的测试数据进行测试。我通过验证器运行了代码，它没有返回任何错误。

这是我要执行的代码。

<!DOCTYPE html>
<html>
    <head>
        <script src="https://test-gateway.mastercard.com/checkout/version/52/checkout.js"
                data-error="errorCallback"
                data-cancel="cancelCallback">
        </script>

        <script type="text/javascript">
            function errorCallback(error) {
                  console.log(JSON.stringify(error));
            }
            function cancelCallback() {
                  console.log('Payment cancelled');
            }

            Checkout.configure({
                "merchant" : "TEST",
                "order" : {
                    "amount" : 1000,
                    "currency" : "USD",
                    "description" : "Ordered goods" ,
                    "id" : 123 
                },
                "interaction" : {
                    "operation" : "AUTHORIZE", 
                    "merchant" : {
                        "name" : "ABC Hotel" ,
                        "address" : {
                            "line1" : "some road" ,
                            "line2" : "some city"          
                        }    
                    }
                }
            });

        </script>
    </head>
    <body>
        ...
        <input type="button" value="Pay with Lightbox" onclick="Checkout.showLightbox();" />
        <input type="button" value="Pay with Payment Page" onclick="Checkout.showPaymentPage();" />
        ...
    </body>
</html>

Answer 1

在大多数情况下，JSON.parse在位置0处使用无效JSON引发错误时，问题出在Byte Order Mark (BOM)（Wikipedia）上。

为避免解析BOM，您应检查JSON字符串是否以0xFEFF开头的BOM开头，然后手动将其切断。

示例：

let json = `{"hello":"world"}`;

// make sure you trim the JSON string before, otherwise the first character may be a whitespace
if (json.trim().charCodeAt(0) === 0xFEFF) {
    json = json.slice(1); // cut the BOM character
}

const result = JSON.parse(json);

JSON解析引发的意外令牌错误

1 个答案: