当字符串值包含逗号时，JSON.parse 在 Safari 中失败

我正在构建一个购物车，当按下“购买”按钮时，Web 服务会返回一个 JSON 输出，然后我将其作为字符串保存到 Javascript cookie 中。

Web 服务的典型返回可能是：

{
   "d":{
      "58658":{
         "id":"58658",
         "qty":"1",
         "singlePrice":"754",
         "salePrice":"754",
         "isBulk":"0",
         "isSor":"0",
         "vatRate":"20.00",
         "masterCat":"6",
         "imgUrl":"http://...img url",
         "singleWeight":"18000",
         "totalAvailableStock":"2",
         "thirdPartyStock":"",
         "item":"Electrovoice Live X Elx115p, Each " // << HERE IS THE ISSUE
      }       
   }
}

当返回结果如上所示时，仅在 Safari 中会失败

我花了很多时间试图找到一些有用的机制来调试这个问题，而无需购买 Mac，我终于找到了：

"item":"Electrovoice Live X Elx115p, Each " // << HERE IS THE ISSUE - The comma

The itemvalue 在字符串中有一个逗号，我将返回值保存到 cookie 中，如下所示：

cookies.set('shopping_cart', JSON.stringify(result)); // (where result is the JSON above)

当我稍后尝试回忆时：

var shopping_cart = cookies.get('shopping_cart');
shopping_cart = JSON.parse(shopping_cart);

它在每个浏览器中都能正常工作，显然，甚至是 Internet Explorer...除了 Safari

我没有 Mac，所以不确定 Mac 上的 Safari 是否有什么不同，但 Windows 版本肯定有这个错误，我的 iPhone 和 iPad 上也是如此。

错误是：

JSON parse error, unterminated string.

正如我所说，这似乎只是 Safari 中的问题，但我很难找到解决方案。

非常感谢帮助！

EDIT:

我创建了一个小提琴：http://jsfiddle.net/jhartnoll/2GLEz/ http://jsfiddle.net/jhartnoll/2GLEz/这个 Fiddle 将复制这个问题，它与将数据作为字符串存储在 Cookie 中并将其重新解析为 JSON 有关

但是，因为我已将 Cookie 函数作为外部资源包含在内（http://www.sam.thinkka.com/clientscripts/cookie_test.js http://www.sam.thinkka.com/clientscripts/cookie_test.js）您需要确保 Safari 不会阻止第三方 cookie。

好的，现在我们已经找到了实际问题的根源，我想我可以提供帮助。

问题基本上是您将数据存储到 cookie 字符串中但没有转义它。因此，当您设置cookie并且其中包含逗号时，逗号可以被视为cookie分隔符。对于大多数字符串，JSON 中的引号似乎掩盖了这种效果（引号也是 cookie 的相关字符），但对于这个字符串，它被 cookie 解析器视为分隔符。

这反过来意味着它被视为 cookie 的末尾，这意味着当您将其加载回来时，它会在该点被截断。

解决方案：在将字符串保存为 cookie 之前对其进行转义。 （你的makeCookie()函数应该执行此操作）。你应该能够使用JSescape()为此功能。

See cookie 规范 https://www.rfc-editor.org/rfc/rfc6265，并注意逗号、双引号、分号等都是 cookie 的相关字符。

也可以看看：这个类似的问题 http://social.msdn.microsoft.com/Forums/en-us/cf1f79c9-75ac-4ae5-9337-e5f12e01b3e8/cannot-call-set-cookies-because-my-cookie-list-contains-commas?forum=vststest

至于为什么它发生在 Safari 而不是其他浏览器中……我想这可能是运气的原因。也许其他浏览器的 cookie 解析器认识到逗号后面的以下字符串无效，因此发现逗号不适合作为分隔符。

您可能还想查看MDN cookie 文章 http://mdn.beonex.com/en/DOM/document.cookie.html其中包括示例 JS cookie 库的代码，该库确实执行了所有正确的转义。您可能需要考虑使用此库而不是您自己当前的代码。 （或者至少是其中的一部分）

希望有帮助。

最后，有点偏离主题，但使用 cookie 时需要注意的另一件事是：不要忘记，对于您网站上发出的每个单独的 http 请求，整个 cookie 字符串都会在两个方向上传输。因此，如果您有 4k 的 cookie 数据，则意味着您网站上的每个 html、css、js 和图像文件需要额外的 8k 带宽。

如果您使用大型 cookie，则可以使用其他方法来存储本地数据，而不会出现此问题。本文 http://www.sitepoint.com/html5-browser-storage-past-present-future/可能对你有帮助。