Javascript Jquery Ajax调用-成功时启动警报

我试图在提交操作结束时在表单上显示警报

我的js功能：

    function submitForm(){

    // Initiate Variables With Form Content
    var nomeCompleto = $("#nomeCompleto").val();
    var email    = $("#email").val();
    var telefono = $("#telefono").val();
    var username = $("#username").val();
    var password = $("#password").val();
    var parametros = {
                  "nomeCompleto" : name,
                  "email"        : email

          };

          $.ajax({
                type: "POST",
                url: "adminRegistro.php",
                data: parametros,
                async:false,
                success: function(result){
                  var parsedData = JSON.parse(result);

                    $("#ajax-alert").addClass("alert alert-danger").text(parsedData.msg);
                    $("#ajax-alert").alert();
                    $("#ajax-alert").fadeTo(5000, 5000).slideUp(5000, function(){
                    });
                }
          });
}

在成功触发时调用警报，但警报仅在很短的时间内出现（当重新加载页面时）。使用ajax调用的myn错误在哪里

编辑：

尝试后，我将html按钮代码更改为：

<input class="btn btn-success submit-button" value="Submit"  onclick="myFunction()"/></input>
<input class="btn btn-success submit-button" value="Submit"  id=  "btnSubmit"/></input>

而且效果很好。使用

$（“#btnSubmit”）。单击（函数（e）{e.preventDefault（）；

似乎没有效果

您需要

preventDefault（）

。

preventDefault（）

方法 如果事件是可取消的，则取消该事件，这意味着默认操作 属于该事件的事件将不会发生

请尝试以下代码：

function submitForm(e){

    e.preventDefault(); //This will stop from reloading
// Initiate Variables With Form Content
    var nomeCompleto = $("#nomeCompleto").val();
    var email    = $("#email").val();
    var telefono = $("#telefono").val();
    var username = $("#username").val();
    var password = $("#password").val();
    var parametros = {
              "nomeCompleto" : name,
              "email"        : email

      };

      $.ajax({
            type: "POST",
            url: "adminRegistro.php",
            data: parametros,
            async:false,
            dataType: 'json',
            success: function(parsedData){
                $("#ajax-alert").addClass("alert alert-danger").text(parsedData.msg);
                $("#ajax-alert").alert();
                $("#ajax-alert").fadeTo(5000, 5000).slideUp(5000, function(){
                });
            }
      });
 }

您需要

preventDefault（）

。

preventDefault（）

方法 如果事件是可取消的，则取消该事件，这意味着默认操作 属于该事件的事件将不会发生

请尝试以下代码：

function submitForm(e){

    e.preventDefault(); //This will stop from reloading
// Initiate Variables With Form Content
    var nomeCompleto = $("#nomeCompleto").val();
    var email    = $("#email").val();
    var telefono = $("#telefono").val();
    var username = $("#username").val();
    var password = $("#password").val();
    var parametros = {
              "nomeCompleto" : name,
              "email"        : email

      };

      $.ajax({
            type: "POST",
            url: "adminRegistro.php",
            data: parametros,
            async:false,
            dataType: 'json',
            success: function(parsedData){
                $("#ajax-alert").addClass("alert alert-danger").text(parsedData.msg);
                $("#ajax-alert").alert();
                $("#ajax-alert").fadeTo(5000, 5000).slideUp(5000, function(){
                });
            }
      });
 }

---

您可以使用

preventDefault（）

tx来阻止页面重新加载，请阅读我的编辑部分您可以使用

preventDefault（）

tx来阻止页面重新加载，请阅读我的编辑部分您不应该使用事件作为参数，因为这是一个关键字。请使用函数

submitForm（e）{

，当然还有

e.preventDefault（）

那么。这一点都不重要。我已经尝试过很多次了，它运行起来没有任何问题。Tx，我尝试过。请阅读我的编辑部分。无论如何，你帮助了我。你不应该使用事件作为参数，因为这是一个关键字。请使用函数

submitForm（e）{

，当然还有

e.preventDefault（）

那么。这一点都不重要。我已经试过很多次了，效果很好。我试过了。请阅读我的编辑部分。总之，你帮了我的忙。