Question

背景

好的，所以我一直在努力阻止表单从刷新但仍在发布，然后显示JS警报。

问题

我没有足够的Java Script经验将两段代码拼凑在一起，第一段是Ajax Post，第二段是OnClick事件。

我似乎无法使括号正确匹配和/或使语法正确。

$(document).ready(function () {
    //Event Listener for form submit
    $('#form1').submit(function(e){
        e.preventDefault();
        console.log('Form Submitted'); //Debug line
        $.ajax({
            type: 'POST',
            url: 'indextest2.php',
            data: $("#form1").serialize(),
            error: function(){console.log('Ajax Error'); //Debug Line
            success: function(response) {
                console.log('Ajax Success'); //Debug Line

                $(document).on("click", ".alert", function(e) {
            bootbox.alert("Hello world!", function() {
                console.log("Alert Callback");
            });
        });

     }

     }

     }

你可以猜到这是关闭的括号我遇到了问题。

任何帮助都会很棒。

Answer 1

看起来你只需要一些格式，然后你可以看到什么没有关闭并添加适当的大括号和括号：

$(document).ready(function () {
  //Event Listener for form submit
  $('#form1').submit(function(e){
    e.preventDefault();
    console.log('Form Submitted'); //Debug line
    $.ajax({
      type: 'POST',
      url: 'indextest2.php',
      data: $("#form1").serialize(),
      error: function() {console.log('Ajax Error');}, //<-- Add this
      success: function(response) {
        console.log('Ajax Success'); //Debug Line
        $(document).on("click", ".alert", function(e) {
          bootbox.alert("Hello world!", function() {
            console.log("Alert Callback");
          });
        })
      }
    }); // < -- Add this
  }); // <-- Add this
}); // <-- Add this

Answer 2

您在这里错过}和,：

error: function(){console.log('Ajax Error'); //Debug Line

它应该有括号来关闭函数和逗号来分隔下一行/属性，如：

error: function(){console.log('Ajax Error'); }, //Debug Line
                                             ^^

最后，但并非最不重要的是你需要关闭其他一些功能......

试试这个：

$(document).ready(function () {
    //Event Listener for form submit
    $('#form1').submit(function (e) {
        e.preventDefault();
        console.log('Form Submitted'); //Debug line
        $.ajax({
            type: 'POST',
            url: 'indextest2.php',
            data: $("#form1").serialize(),
            error: function () {
                console.log('Ajax Error');
            }, //Debug Line
            success: function (response) {
                console.log('Ajax Success'); //Debug Line

                $(document).on("click", ".alert", function (e) {
                    bootbox.alert("Hello world!", function () {
                        console.log("Alert Callback");
                    });
                });
            }
        }); // added by me
    }); // added by me
}); // added by me

Answer 3

alert function定义在哪里？

这应该

bootbox.alert("Hello world!", function() {
  console.log("Alert Callback");
});

实际上是这个吗？

alert("Hello world!");
console.log("Alert Callback");

错位的括号

3 个答案: