Ajax內部功能成功-Cordova / Framework7

Question

我想從JSON獲取值並在Ajax請求內的函數中使用：

    document.addEventListener("deviceready", onDeviceReady, false);
    function onDeviceReady() {
        alert('device ready');

        function Hi(img_url){
            alert('Hi, the img_url is '+img_url);
        }
}

Ajax請求：

$$.ajax({                 
                  type: "GET",
                  dataType: 'json',
                  url: target,
                  //Sucess
                  success: function(data){
                    var img_url = data.media.display_src;
                    Hi(img_url);
                    },

                  //Error
                error: function(xhr,status){
                    alert("Error"+status+xhr);
                    console.log(xhr.response); 
                }
            });

但是函數Hi()始終是'undefined'...怎么了？

謝謝

Answer 1

因為您的Hi函數在另一個作用域內。 每個function創建自己的作用域 ，因此在該scope undefined對於另一個功能是undefined的。 將函數從onDeviceReady函數onDeviceReady 。

例

在這里，您將看到innerFunction和innerVariable是undefined ，因為它們在outer函數外部不可見。

 function outer(){ var innerVariable = 'hello'; function innerFunction(){ console.log('inner function') ; } } console.log(innerVariable); innerFunction(); 

Answer 2

只需在onDeviceReady()函數外部定義Hi() 。

document.addEventListener("deviceready", onDeviceReady, false);
function Hi(img_url){
  alert('Hi, the img_url is '+img_url);
}
function onDeviceReady() {
  alert('device ready');

}

在javascript中，您不能在定義的范圍之外使用函數。 這是JS中作用域的詳細說明： JavaScript中變量的作用域是什么？