json字符串传参报非法字符

最近在开发中，我遇到了一个问题，就是在传递JSON字符串参数时经常会遇到“非法字符”的报错，这让我很困惑。

// 例子
var jsonStr = '{"name": "大娃","age": "18","power": "变身"}';
$.ajax({
  url: "xxx",type: "post",data: {data: jsonStr},success: function(res) {
    console.log(res);
  }
});

我们一般会这么传参，但是这样就会报出下面这个错误：

Invalid JSON: {"name": "大娃","power": "变身"}

这是为什么呢？经过一番搜索，我发现这是因为我们传递的JSON字符串中含有一些关键字，例如“换行符”、“tab键”、“回车符”、“单引号”等非法字符，引起了JSON解析错误。

解决这个问题的方法就是将传参的JSON字符串进行转义，把非法字符转换成它们对应的转义字符。

// 解决方法
var jsonStr = '{"name": "大娃","power": "变身"}';
jsonStr = jsonStr.replace(/\n/g,"\\n")
               .replace(/\r/g,"\\r")
               .replace(/\t/g,"\\t")
               .replace(/\'/g,"\\'");
$.ajax({
  url: "xxx",success: function(res) {
    console.log(res);
  }
});

通过使用JavaScript的replace()方法，将非法字符转义成它们对应的转义字符，就可以避免JSON解析错误了。

总之，JSON字符串传参报非法字符的错误，可以使用JavaScript的replace()方法进行转义处理。