Định nghĩa hàm gọi lại thành công jQuery ajax

Tôi muốn sử dụng jQuery ajax để lấy dữ liệu từ máy chủ.

Tôi muốn đặt định nghĩa hàm gọi lại thành công bên ngoài .ajax()khối như sau. Vậy tôi có cần khai báo biến dataFromServernhư sau để có thể sử dụng dữ liệu trả về từ lần gọi lại thành công không?

Tôi đã thấy hầu hết mọi người định nghĩa lệnh gọi lại thành công bên trong .ajax()khối. Vì vậy, đoạn mã sau có đúng không nếu tôi muốn xác định lệnh gọi lại thành công bên ngoài?

var dataFromServer;  //declare the variable first

function getData() {
    $.ajax({
        url : 'example.com',
        type: 'GET',
        success : handleData(dataFromServer)
    })
}

function handleData(data) {
    alert(data);
    //do some stuff
}

Chỉ dùng:

function getData() {
    $.ajax({
        url : 'example.com',
        type: 'GET',
        success : handleData
    })
}

Các successbất động sản chỉ đòi hỏi một tham chiếu đến một chức năng, và chuyển dữ liệu như tham số để chức năng này.

Bạn có thể truy cập handleDatahàm của mình như thế này vì cách handleDatađược khai báo. JavaScript sẽ phân tích cú pháp mã của bạn cho các khai báo hàm trước khi chạy nó, vì vậy bạn sẽ có thể sử dụng hàm trong mã trước khi khai báo thực tế. Điều này được gọi là cẩu .

Tuy nhiên, điều này không được tính cho các hàm được khai báo như thế này:

var myfunction = function(){}

Chúng chỉ có sẵn khi thông dịch viên thông qua chúng.

Xem câu hỏi này để biết thêm thông tin về 2 cách khai báo hàm

Cách "mới" để thực hiện việc này kể từ jQuery 1.5 (tháng 1 năm 2011) là sử dụng các đối tượng bị trì hoãn thay vì chuyển một lệnh successgọi lại. Bạn nên trả về kết quả của $.ajaxvà sau đó sử dụng các phương thức .done, .failvv để thêm các lệnh gọi lại bên ngoài $.ajaxcuộc gọi .

function getData() {
    return $.ajax({
        url : 'example.com',
        type: 'GET'
    });
}

function handleData(data /* , textStatus, jqXHR */ ) {
    alert(data);
    //do some stuff
}

getData().done(handleData);

Điều này tách việc xử lý gọi lại khỏi xử lý AJAX, cho phép bạn thêm nhiều lệnh gọi lại, lệnh gọi lại lỗi, v.v., tất cả mà không cần sửa đổi getData()chức năng ban đầu . Tách chức năng AJAX khỏi tập hợp các hành động sẽ hoàn thành sau đó là một điều tốt! .

Trì hoãn cũng cho phép đồng bộ hóa nhiều sự kiện không đồng bộ dễ dàng hơn nhiều, điều mà bạn không thể dễ dàng thực hiện chỉ với success:

Ví dụ: tôi có thể thêm nhiều lệnh gọi lại, một trình xử lý lỗi và đợi bộ đếm thời gian trôi qua trước khi tiếp tục:

// a trivial timer, just for demo purposes -
// it resolves itself after 5 seconds
var timer = $.Deferred();
setTimeout(timer.resolve, 5000);

// add a done handler _and_ an `error:` handler, even though `getData`
// didn't directly expose that functionality
var ajax = getData().done(handleData).fail(error);

$.when(timer, ajax).done(function() {
    // this won't be called until *both* the AJAX and the 5s timer have finished
});

ajax.done(function(data) {
    // you can add additional callbacks too, even if the AJAX call
    // already finished
});

Các phần khác của jQuery cũng sử dụng các đối tượng trì hoãn - bạn có thể đồng bộ hóa hoạt ảnh jQuery với các hoạt động không đồng bộ khác rất dễ dàng với chúng.

Tôi không biết tại sao bạn lại xác định tham số bên ngoài tập lệnh. Điều đó là không cần thiết. Hàm gọi lại của bạn sẽ tự động được gọi với dữ liệu trả về dưới dạng một tham số. Nó rất có thể để xác định gọi lại của bạn bên ngoài sucess:tức là

function getData() {
    $.ajax({
        url : 'example.com',
        type: 'GET',
        success : handleData
    })
}

function handleData(data) {
    alert(data);
    //do some stuff
}

hàm handleData sẽ được gọi và tham số được hàm ajax truyền cho nó.

Hãy thử viết lại trình xử lý thành công của bạn thành:

success : handleData

Thuộc tính thành công của phương thức ajax chỉ yêu cầu tham chiếu đến một hàm.

Trong hàm handleData, bạn có thể sử dụng tối đa 3 tham số:

object data
string textStatus
jqXHR jqXHR

Tôi sẽ viết :

var handleData = function (data) {
    alert(data);
    //do some stuff
}


function getData() {
    $.ajax({
        url : 'example.com',
        type: 'GET',
        success : handleData
    })
}

Bạn không cần khai báo biến. Hàm thành công Ajax tự động nhận tối đa 3 tham số:Function( Object data, String textStatus, jqXHR jqXHR )

sau vài giờ chơi với nó và gần như trở nên buồn tẻ. phép màu đã đến với tôi, nó hoạt động.

<pre>


var listname = [];   


 $.ajax({
    url : wedding, // change to your local url, this not work with absolute url
    success: function (data) {
       callback(data);
    }
});

function callback(data) {
      $(data).find("a").attr("href", function (i, val) {
            if( val.match(/\.(jpe?g|png|gif)$/) ) { 
             //   $('#displayImage1').append( "<img src='" + wedding + val +"'>" );
                 listname.push(val);
            } 
        });
}

function myfunction() {

alert (listname);

}

</pre>

Trong thành phần của bạn, tức là mã JS góc cạnh:

function getData(){
    window.location.href = 'http://localhost:1036/api/Employee/GetExcelData';
}