AJAX成功意外标识符

Question

我目前正在尝试弹出一个引导模式在我的AJAX帖子的成功调用。但是现在它没有弹出任何东西，控制台错误返回这个'Uncaught SyntaxError: Unexpected identifier'，行中有"success: function(data) {"

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>

Answer 1

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

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

你有一个在上面的行结束

data: formEl.serialize(),

在那里

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

但是你把它忘在那儿了

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

就是紧接在前面的值之后，不用逗号分隔。