Javascript Ajax自定义错误回调函数

所以这个函数工作得很好，除了我还有六个按钮，我不希望我的代码有太多的重复代码。对于自定义部分，我希望每个回调都不同，例如，如果用户不是管理员，则文本追加“请登录”会不同，等等。我如何使每个按钮都可以自定义？谢谢大家!

  error: (xhr, ajaxOptions, thrownError) -> 
    console.dir arguments
    console.log("*| Status ", xhr.status)
    console.log("*| Error", thrownError)
    console.log("*| Ajax", ajaxOptions)
    if (not username? or not password?)
      $('#data-text').empty()   
      $('#data-text').append ("""<h1>Please Log In</h1>""")
      $('#input_username').fadeTo(100, 0.1).fadeTo(200, 1.0);
      $('#input_password').fadeTo(100, 0.1).fadeTo(200, 1.0);
      $('#header_user').css "background-color": "#d34242"
      $('#header_password').css "background-color": "#d34242"
      $('#data-text').css "background-color": "#d38642"
    else
      $('#data-text').empty()   
      $('#data-text').append ("""<h1>Failed Log In</h1>""")
      $('#input_username').fadeTo(100, 0.1).fadeTo(200, 1.0);
      $('#input_password').fadeTo(100, 0.1).fadeTo(200, 1.0);
      $('#header_user').css "background-color": "#d34242"
      $('#header_password').css "background-color": "#d34242"
      $('#data-text').css "background-color": "#d38642"

错误：（xhr，ajaxOptions，thrownError）->
console.dir参数
console.log（“*|状态”，xhr.Status）
console.log（“*|错误”，thrownError）
log（“*| Ajax”，ajaxOptions）
如果（不是用户名？不是密码？）
$（“#数据文本”）.empty（）
$（“#数据文本”）。追加（““请登录”）
$（'input#u username'）.fadeTo（100,0.1）.fadeTo（200,1.0）；
$（'input#u password'）.fadeTo（100,0.1）.fadeTo（200,1.0）；
$（'#header_user'）。css“背景色”：“#d34242”
$（“#头#u密码”）.css“背景色”：“#d34242”
$（“#数据文本”）.css“背景色”：“#d38642”
其他的
$（“#数据文本”）.empty（）
$（“#数据文本”）.append（““登录失败”）
$（'input#u username'）.fadeTo（100,0.1）.fadeTo（200,1.0）；
$（'input#u password'）.fadeTo（100,0.1）.fadeTo（200,1.0）；
$（'#header_user'）。css“背景色”：“#d34242”
$（“#头#u密码”）.css“背景色”：“#d34242”
$（“#数据文本”）.css“背景色”：“#d38642”

---

请在CoffeeScript中保留代码

在CoffeeScript中，您可以在函数中定义函数。不要让任何人告诉你CoffeeScript或JavaScript是一种函数式语言。函数是一级对象，对象可以封装其他对象

error: (xhr, ajaxOptions, thrownError) -> 
  console.dir(arguments)
  console.log("*| Status ", xhr.status)
  console.log("*| Error", thrownError)
  console.log("*| Ajax", ajaxOptions)
  needsAGoodName = (msg) ->
    $('#data-text').empty()   
    $('#data-text').append(msg)
    $('#input_username').fadeTo(100, 0.1).fadeTo(200, 1.0)
    $('#input_password').fadeTo(100, 0.1).fadeTo(200, 1.0)
    $('#header_user').css("background-color": "#d34242")
    $('#header_password').css("background-color": "#d34242")
    $('#data-text').css("background-color": "#d38642")
  if not username? or not password?
    needsAGoodName("""<h1>Please Log In</h1>""")
  else
    needsAGoodName("""<h1>Failed Log In</h1>""")

错误：（xhr，ajaxOptions，thrownError）->
console.dir（参数）
console.log（“*|状态”，xhr.Status）
console.log（“*|错误”，thrownError）
log（“*| Ajax”，ajaxOptions）
NeedsGoodName=（msg）->
$（“#数据文本”）.empty（）
$（“#数据文本”）.append（msg）
$（“#输入_用户名”）.fadeTo（100,0.1）.fadeTo（200,1.0）
$（'input#u password'）.fadeTo（100,0.1）.fadeTo（200,1.0）
$（'#header_user'）.css（“背景色”：“#d34242”）
$（'#header_password'）.css（“背景色”：“#d34242”）
$（“#数据文本”）.css（“背景色”：“#d38642”）
如果不是用户名？还是没有密码？
NeedsGoodName（““请登录”）
其他的
NeedsGoodName（““登录失败”）

我删除了

if

周围的括号，并在样式设置的函数调用周围添加了括号。这两种方法都有效