Friday, April 27, 2018

ajax success 與 javascript function return

function getDataByID(id) {
    var sValue = "";
    alert("1");
    $.ajax({
     
        type: 'GET',
        url: 'API url',
        data: { id: id },
        dataType: "json",
        beforeSend: function () {
        },
        success: function (data) {
            console.log(data);
            if (data.Data.length > 0) {
                sValue = data.Data[0].Name.toString();
             
                alert("2");
            }
        }
    })
 
    alert("3");
    return sValue;
}


ajax為非同步, alert顯示方式會是 1 -> 3 ->2
加入async: false 至ajax中, alert 顯示方式即為 1 -> 2 ->3
.......
$ajax{
async: false,
....

No comments:

Post a Comment