在触发器上传递json数据

Anw*_*dra 3 javascript jquery javascript-events

我正在调用一个返回json数据的服务.

脚本:

$.ajax({
    type: "POST",
    url: "/some/service",
    dataType: "json",
    success: function(response) {
        if (response.status == "ok" && response.messages.length > 0) {

            // obj is a jQuery object
            obj.trigger(SOME_EVENT, response.messages);

        }
    }
});
Run Code Online (Sandbox Code Playgroud)

这是响应示例:

{
  "status":"ok",
  "messages":[
     {"id":1,"message_text":"latihan"},
     {"id":123,"message_text":"hello"}]
}
Run Code Online (Sandbox Code Playgroud)

当obj收到SOME_EVENT触发器时,我希望它传递下面的消息数据:

[{"id":1,"message_text":"latihan"},
 {"id":123,"message_text":"hello"}]
Run Code Online (Sandbox Code Playgroud)

但是当我将消息参数打印到控制台时,

// on receiving messages
obj.bind(SOME_EVENT, function(sender, messages) {
    console.log(messages);
});
Run Code Online (Sandbox Code Playgroud)

结果,它只通过了下面的最后一条消息

{"id":123,"message_text":"hello"}
Run Code Online (Sandbox Code Playgroud)

任何人都可以解释为什么我的自定义事件没有传递消息数组?

Cre*_*esh 5

http://docs.jquery.com/Events/trigger,trigger函数的第二个参数是一个附加参数的数组(在事件对象之后传递).

您的response.messages属性的值是一个数组,因此它们实际上作为单独的参数传递给您的处理程序:

obj.bind(SOME_EVENT, function(sender, message1, message2/*, etc*/) {
    console.log(message1); // {"id":1,"message_text":"latihan"}
    console.log(message2); // {"id":123,"message_text":"hello"}
});
Run Code Online (Sandbox Code Playgroud)

您可以将它们作为一个数组干净地收集:

obj.bind(SOME_EVENT, function(sender) {
    var messages = Array.prototype.slice.call(arguments, 1);
    console.log(messages); // [{"id":1,"message_text":"latihan"},
                           //  {"id":123,"message_text":"hello"}]
});
Run Code Online (Sandbox Code Playgroud)