Javascript：意外的令牌非法

Question

我在 Chrome 中遇到错误 Uncaught SyntaxError: Unexpected token ILLEGAL。

该代码存在

$("form#new_redemption").live('submit', function() {
  event.preventDefault();
  var that    = $(this);

  var action  = that.attr('action');
  var data    = that.serialize();

  $.ajax({
    type: "POST",
    url:  action,
    data: data,
    dataType: 'json',
    beforeSend: function(request) {
      request.setRequestHeader("Accept", "application/json");
    },
    success: function(res) {
      var response = JSON.parse(res.responseText); // <~~~ Unexpected token ILLEGAL
      if (response.message) {
        that.slideUp();
        $("#results").html(response.message).attr('class', 'notice').slideDown();
      }
      else if (response.url) {
        window.location = response.url 
      }
    },
    error: function(res) {
      var response = JSON.parse(res.responseText);
      $('#results').html(response.error).attr('class', 'error').slideDown();
    }
  });
  return false;
});

错误，该代码效果很好。但每次成功响应时我都会收到错误。这里有问题吗？ VIM 有没有办法突出显示代码中非法的 javascript 字符？

谢谢你！

Answer 1

将 dataType 设置为 json 将在 success 回调中自动解析响应 JSON。

试试这个：

$("form#new_redemption").live('submit', function() {
  event.preventDefault();
  var that    = $(this);

  var action  = that.attr('action');
  var data    = that.serialize();

  $.ajax({
    type: "POST",
    url:  action,
    data: data,
    dataType: 'json',
    beforeSend: function(request) {
      request.setRequestHeader("Accept", "application/json");
    },
    success: function(res) {
      if (response.message) {
        that.slideUp();
        $("#results").html(response.message).attr('class', 'notice').slideDown();
      }
      else if (response.url) {
        window.location = response.url 
      }
    },
    error: function(res) {
      var response = JSON.parse(res.responseText);
      $('#results').html(response.error).attr('class', 'error').slideDown();
    }
  });
  return false;
});

Answer 2

为了扩展上面的评论之一，我收到此错误是因为返回的 JSON 结果存在问题。具体来说，JSON 响应数据中的字符串值之一包含未转义的双引号。就我而言，我调用的是我自己的 Ajax 函数，因此我修复它的方法是在返回 JSON 数据之前转义服务器上的双引号。然后我发现换行符也有同样的问题，所以我使用了在另一篇文章中找到的 str_replace 调用：
PHP 的 json_encode 不会转义所有 JSON 控制字符

function escapeJsonString($value) {
    # list from www.json.org: (\b backspace, \f formfeed)    
    $escapers =     array("\\",     "/",   "\"",  "\n",  "\r",  "\t", "\x08", "\x0c");
    $replacements = array("\\\\", "\\/", "\\\"", "\\n", "\\r", "\\t",  "\\f",  "\\b");
    $result = str_replace($escapers, $replacements, $value);
    return $result;
}