jQuery - vượt qua mảng chức năng để gọi lại thành công ajax

Question

Tôi khá mới với jQuery, và tôi đang cố gắng gọi hai hàm trên ajax thành công (vì tài liệu nói là 1,5 thành công gọi lại có thể lấy một mảng chức năng) .

Nếu tôi làm điều này, tất cả mọi thứ hoạt động tốt:

$.ajax({ 
    url : sJSONFilePath, 
    dataType : 'json', 
    success : foo(data) 
}); 

gì tôi cần phải làm gì để vượt qua trong một loạt các chức năng? Nếu tôi cố gắng sau, tôi nhận được một "lỗi chưa gặp: Không thể đọc thuộc 'chiều dài' không xác định" lỗi trong giao diện điều khiển:

$.ajax({ 
    url : sJSONFilePath, 
    dataType : 'json', 
    success : [foo(data), bar(data)] 
}); 

tôi đã không thể tìm thấy bất kỳ ví dụ về tính năng này đang được sử dụng. Cảm ơn trước, và xin lỗi nếu điều này là câm.

$.ajax({ 
    url : sJSONFilePath, 
    dataType : 'json', 
    success : function(data) { 
     foo(data); 
     bar(data); 
    } 
}); 

hay này::

Answer 1

Không cần cho một mảng, bạn có thể sử dụng cú pháp thu nhập hoãn lại cũng được giới thiệu trong jQuery 1.5 :

Điều này thường sạch hơn và mở rộng hơn nhiều so với chức năng gọi lại làm tham số cho $.ajax và người thân.

Từ $.ajax() documentation:

The jqXHR objects returned by $.ajax() as of jQuery 1.5 implement the Promise interface, giving them all the properties, methods, and behavior of a Promise (see Deferred object for more information). For convenience and consistency with the callback names used by $.ajax() , jqXHR also provides .error() , .success() , and .complete() methods. These methods take a function argument that is called when the $.ajax() request terminates, and the function receives the same arguments as the correspondingly-named$.ajax()callback. This allows you to assign multiple callbacks on a single request, and even to assign callbacks after the request may have completed. (If the request is already complete, the callback is fired immediately.)

[nhưng xem đoạn sau, nơi mà nó giải thích cách .success, .error và .complete hiện đang bị phản đối và thay thế bằng .done, .fail và .always]

Answer 2

Những gì bạn làm điều này là

$.ajax({ 
    url : sJSONFilePath, 
    dataType : 'json', 
    success : [foo, bar] 
}); 

Lưu ý rằng trong một giây, tôi không gọifoo và bar, tôi liệt kê các tham chiếu hàm trong một mảng (kể từ khi bạn nói, như là 1,5 tùy chọn gọi lại ajax của jQuery cho phép điều đó).

---

Bạn đã nói rằng đây hoạt động tốt:

$.ajax({ 
    url : sJSONFilePath, 
    dataType : 'json', 
    success : foo(data) 
}); 

nhưng nó không. Điều đó có nghĩa là ngay lập tức gọi chức năng foo và sau đó gán giá trị trả lại của hàm đó cho thuộc tính success của các tùy chọn bạn đang chuyển đến ajax. Trừ khi bạn đang sử dụng foo để tạo và trả về một hàm để sử dụng làm gọi lại, đó không phải là những gì bạn muốn làm.

Điều quan trọng là phải hiểu sự khác biệt giữa gọi một chức năng và sử dụng tham chiếu đến nó. Nếu bạn có dấu ngoặc đơn sau tên hàm (có hoặc không có đối số trong chúng), bạn đang gọi. Nếu bạn chỉ có tên, bạn đang đề cập đến nó. Ví dụ:

var f = foo(); // CALLs `foo` and assigns return value to `f` 
var f = foo; // Assigns a reference to `foo` to `f` 

Answer 3

Tại sao bạn không gọi một chức năng mà các cuộc gọi hai người kia:

$.ajax({ 
    url : sJSONFilePath, 
    dataType : 'json', 
    success : foo_bar(data) 
}); 

function foo_bar(data) 
{ 
    foo(data); 
    bar(data); 
{ 

Answer 4

khi viết

success : [foo(data), bar(data)] 

bạn một tái trên thực tế đánh giá các chức năng foo và bar (có lẽ với một đối số null)

bạn cần phải viết

success : [foo, bar]