AJAX 成功意外的标识符答案

【问题标题】：AJAX Success Unexpected identifierAJAX 成功意外的标识符
【发布时间】：2015-09-13 10:33:39
【问题描述】：

我目前正在尝试在我的 AJAX 帖子的成功调用中弹出一个引导模式。但现在它没有弹出任何东西，控制台错误在“success:function(data){”

行返回这个“Uncaught SyntaxError: Unexpected identifier”

这里是 HTML

                        <div id="formkeep">
                            <form accept-charset="UTF-8" action="https://formkeep.com/f/46a86d397432" method="POST" id="beta-signup">
                              <input type="hidden" name="utf8" value="✓">
                              <input type="email" name="email" placeholder="Your Email">
                              <button class="btn" type="submit">Get Access</button>
                            </form>
                        </div>
                        <div class="modal fade" id="your-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="hidden">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">

                                    </div>
                                    <div class="modal-body">

                                    </div>
                                </div>
                            </div>
                        </div>

Javascript 运行它

<script>
$(function() {
  $('#beta-signup').submit(function(event) {
    event.preventDefault();

    var formEl = $(this);
    var submitButton = $('input[type=submit]', formEl);

    $.ajax({
      type: 'POST',
      url: formEl.prop('action'),
      accept: {
        javascript: 'application/javascript'
      },
      data: formEl.serialize(),
      beforeSend: function() {
        submitButton.prop('disabled', 'disabled');
          }
    success: function(data) {
       $('#your-modal').modal('toggle');
      }
    }).done(function(data) {
      submitButton.prop('disabled', false);
    });
  });
});
</script>

【问题讨论】：

@keune 分号或逗号...

标签： javascript jquery ajax twitter-bootstrap

【解决方案1】：

您需要在对象字面量中的每个 key: value 对之间使用逗号。

accept: {
    javascript: 'application/javascript'
},

你在上面一行的末尾有一个

data: formEl.serialize(),

在那儿

beforeSend: function() {
    submitButton.prop('disabled', 'disabled');
}

但是你忘记了

success: function(data) {
    $('#your-modal').modal('toggle');
}

所以它紧跟在前一个值之后，没有逗号分隔它。

【讨论】：