Javascript 在ajax中创建函数

你好， 我想创建一个在ajax操作中多次使用的函数，用于验证和失效。这有利于执行过程和行数

我不知道我是否正确，因为我在几个ajax调用中经常使用相同的操作，我想使用一个函数进行自定义，如下所示：

function alertMessage(id_css,messages){ var id_css;

var messages;

  $(id_css).fadeTo(5000,500).slideUp(500, function() {
      $(id_css).html(messages);
      $(id_css).slideUp(500);
  }); 
}

我应该如何调用ajax内部之外的函数？像这样

  // AJAX - Insert
  $(document).on("submit", '#formInsertUser', function(ev) {
    // Valores
    var dados = {
      buttonAcess: $('#insertUser').val(),
      first_name : $('#first_name').val(),
      last_name : $('#last_name').val(),
    }

    var modal_title = $("#modal-title");
    var modal_body_info = $("#modal-body-info");
    var modal_footer_button = $('#modal-footer-button');

    $.ajax({
      url : "php_action/collaborators.php",
      type : "POST",
      data : dados, 
      async : true,
      cache : false,
      dataType : 'html',
      contentType: "application/x-www-form-urlencoded;charset=UTF-8",
      success: function(data) {
        console.log(data);
        table.ajax.reload();      
        var obj = $.parseJSON(data);   
        if(obj.success){
          $('#progress-insert').html('<div class="progress-bar progress-bar-striped progress-bar-animated bg-warning" style="width:40%;" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"> 40% </div>');

          $("#nav-user-complement-tab").removeClass("disabled").tab("show"); 

         **HERE CODE FUNCTION**
         alert = new alertMessage("#valid","Sucess");

        } else{
          $("#invalid-user").fadeTo(2000, 500).slideUp(500);
          $("#invalid-user").html(obj.messages);
          $("#invalid-user").slideUp(10000);
          document.getElementById("formInsertUser").reset();
        }
      },
      error: function(error) {
        console.error(error);
        $("#invalid-user").fadeTo(2000, 500).slideUp(500);
        $("#invalid-user").html("Deslogue e acesse o Sistema novamente");
        $("#invalid-user").slideUp(10000);
        document.getElementById("formInsertUser").reset();
      }    
    });
    ev.preventDefault();
  });
  // AJAX - Insert - End

//AJAX-Insert
$（文档）。在（“提交”上，在“formInsertUser”功能上（ev）{
//瓦洛雷斯
var护墙板={
按钮宽度：$（'#insertUser'）.val（），
first_name:$（'#first_name'）.val（），
姓氏：$（'#姓氏'）.val（），
}
var modal#u title=$（“modal title”）；
var modal_body_info=$（“#modal body info”）；
var modal_footer_button=$（“#modal footer button”）；
$.ajax({
url:“php_action/collaborators.php”，
类型：“POST”，
数据：护墙板，
async:true，
cache:false，
数据类型：“html”，
contentType:“application/x-www-form-urlencoded；charset=UTF-8”，
成功：功能（数据）{
控制台日志（数据）；
table.ajax.reload（）；
var obj=$.parseJSON（数据）；
如果（目标成功）{
$（#进度插入'）.html（'40%”）；
$（“#导航用户补充选项卡”）.removeClass（“禁用”）.tab（“显示”）；
**这里是代码函数**
警报=新警报消息（“有效”、“成功”）；
}否则{
$（“#无效用户”）.fadeTo（2000500）.slideUp（500）；
$（“#无效用户”）.html（obj.messages）；
$（“#无效用户”）.slideUp（10000）；
document.getElementById（“formInsertUser”）.reset（）；
}
},
错误：函数（错误）{
控制台错误（error）；
$（“#无效用户”）.fadeTo（2000500）.slideUp（500）；
$（“#无效用户”）.html（“Deslogue e acesse o Sistema Novatemente”）；
$（“#无效用户”）.slideUp（10000）；
document.getElementById（“formInsertUser”）.reset（）；
}    
});
ev.preventDefault（）；
});
//AJAX-Insert-End

像往常一样调用它：

alertMessage（“有效”、“成功”）

---

但从函数体中删除这些变量定义，因为它们会覆盖提供的参数

如果没有相同的名称，则不能在函数体中定义新变量

// AJAX - Insert
$(document).on('submit', '#formInsertUser', function (ev) {
  // Valores
  var dados = {
    buttonAcess: $('#insertUser').val(),
    first_name: $('#first_name').val(),
    last_name: $('#last_name').val(),
  }

  var modal_title = $('#modal-title')
  var modal_body_info = $('#modal-body-info')
  var modal_footer_button = $('#modal-footer-button')

  function alertMessage(id_css, messages, fadeToTime, slideUpTime) { //your function
    $(id_css)
      .fadeTo(fadeToTime, 500)
      .slideUp(500, function () {
        $(id_css).html(messages)
        $(id_css).slideUp(slideUpTime)
      })
  }

  $.ajax({
    url: 'php_action/collaborators.php',
    type: 'POST',
    data: dados,
    async: true,
    cache: false,
    dataType: 'html',
    contentType: 'application/x-www-form-urlencoded;charset=UTF-8',
    success: function (data) {
      console.log(data)
      table.ajax.reload()
      var obj = $.parseJSON(data)
      if (obj.success) {
        $('#progress-insert').html(
          '<div class="progress-bar progress-bar-striped progress-bar-animated bg-warning" style="width:40%;" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"> 40% </div>'
        )

        $('#nav-user-complement-tab').removeClass('disabled').tab('show')

        alertMessage('#valid', 'Sucess', 5000, 500) //1st call
      } else {
        alertMessage('#invalid-user', obj.messages, 2000, 10000) //2nd call
        document.getElementById('formInsertUser').reset()
      }
    },
    error: function (error) {
      console.error(error)
      alertMessage('#invalid-user', 'Deslogue e acesse o Sistema novamente', 2000, 10000) //3rd call
      document.getElementById('formInsertUser').reset()
    },
  })
  ev.preventDefault()
})
// AJAX - Insert - End

//AJAX-Insert
$（文档）.on（'submit'，'formInsertUser'，函数（ev）{
//瓦洛雷斯
var护墙板={
按钮宽度：$（'#insertUser'）.val（），
first_name:$（'#first_name'）.val（），
姓氏：$（'#姓氏'）.val（），
}
var modal_title=$（“#modal title”）
var modal_body_info=$（“#modal body info”）
var modal_footer_button=$（“#modal footer button”）
函数alertMessage（id\u css、消息、fadeToTime、SlideOptime）{//您的函数
$（id\U css）
.fadeTo（fadeToTime，500）
.slideUp（500，函数（）{
$（id\u css）.html（消息）
$（id\u css）.slideUp（slideUpTime）
})
}
$.ajax({
url:'php_action/collaborators.php'，
键入：“POST”，
数据：护墙板，
async:true，
cache:false，
数据类型：“html”，
contentType:'application/x-www-form-urlencoded；charset=UTF-8'，
成功：功能（数据）{
console.log（数据）
table.ajax.reload（）
var obj=$.parseJSON（数据）
如果（目标成功）{
$（'#进度插入'）.html(
' 40% '
)
$（“#导航用户补充选项卡”）.removeClass（'disabled'）.tab（'show'））
alertMessage（'#valid'，success'，5000500）//第一次呼叫
}否则{
alertMessage（“#无效用户”，obj.messages，2000，10000）//第二次呼叫
document.getElementById（'formInsertUser'）.reset（）
}
},
错误：函数（错误）{
控制台错误（错误）
alertMessage（“#无效用户”，“Deslogue e acesse o Sistema Novatemente”，2000，10000）//第三次呼叫
document.getElementById（'formInsertUser'）.reset（）
},
})
ev.preventDefault（）
})
//AJAX-Insert-End