javascript - 将参数传递给事件处理程序

Question

在 jquery 中，如何将附加参数传递给事件处理函数？

所以例如

mySaveFunction: function(i) {
var msg = "my message " + i;
$.ajax({
  ...
  success: this.successFunction, // i want to pass msg to successFunction
  ...
});

successFunction: function(response) {
   // do something with msg

},

Answer 1

匿名函数应该在这里解决问题。但是，在匿名函数内部，this.successFunction将是未定义的，因此我们需要存储this对匿名函数外部的引用。

var that = this;

$.ajax({
    ...
    success: function() {
        that.successFunction(msg);
    }
    ...
});

Answer 2

您可以为此使用闭包：

mySaveFunction: function(i) {
    var self = this; // <=== Grab what `this` is
    var msg = "my message " + i;
    $.ajax({
      ...
      success: function(response) {
          self.successFunction(response, msg); // <=== Use it and `msg `here
      ...
    });
// ...

successFunction: function(response) {
   // do something with msg
},

Answer 3

您可以使用$.proxy：

mySaveFunction: function(i) {
    var msg = "my message " + i;
    $.ajax({
          ...
        success: $.proxy(this.successFunction, this, msg), // i want to pass msg to 
          ...
    });
},
successFunction: function(msg, response) {
    // do something with msg
},

Docs虽然部分应用程序仍然没有记录但已实现

Answer 4

使用匿名函数：

  success: function() {
    this.successFunction(parameters);
  }

Answer 5

您可以使用闭包：

mySaveFunction: function(i) {
var msg = "my message " + i;
$.ajax({
  ...
  success: function(response) {
       alert(msg);  /* msg is available here */
  }
  ...
});