javascript函數沒有響應

Question

簡單的事情!!在asp.net- MVC項目中。我有一個按鈕。我有一個外部JavaScript文件mydata.js。在那個文件中包含一個函數checkJS()。

function checkJs() 
{ 
    debugger; 
    alert("your output!!!"); 
} 

我的代碼：

<div id="mydivid" style="background-color:lightblue;"> 
    STAGE 
</div> 
<input type="button" id="btnid" value="Load Data" /> 

當我點擊一個按鈕，它只是調用jQuery的點擊功能

$(document).ready(function() { 
    $("#btnid").click(function (event) { 
     debugger; 
     $.getScript('mydata.js', function() { 
     // debugger; 
      checkJs(); 
     }); 

    }); 
}); 

我initialy使用1.12.4.js庫文件中的頭標籤
和我在頭標籤中添加了我的外部js文件。

我的代碼有什麼問題。爲什麼按鈕點擊沒有達到外部方法。

Answer 1

1.確保在外部java腳本文件之前添加了jQuery庫。

當你確保第一點做象下面這樣： -

$(document).ready(function() { 
    $("#btnid").click(function (event) { 
     checkJs(); 
    }); 
}); 

2.如果你想使用$.getScript()然後做象下面這樣： -

$(document).ready(function() { 
    $("#btnid").click(function (event) { 
     $.getScript('mydata.js').done(function(data, textStatus) { // check the file path of mydata.js is correct or not? 
     checkJs(); 
     }); 
    }); 
}); 

上面的代碼將工作，只有當您在此代碼之前添加了jQuery庫，並且您從頭上移除了外部JavaScript文件路徑。

注： -

數據： - 從外部腳本

textStatus返回的數據： - 呼叫像外部腳本（純文本的地位「成功」）

欲瞭解更多知識此鏈接： - jQuery.getScript()

Answer 2

如果您已經包含mydata.js，您可以直接調用您的功能，不需要getScript。

如果不是，並且想要與getScript一起做，那麼請確保您給出正確的路徑，在完成的回調中加載js，如果仍然沒有，則檢查是否呼叫轉到fail回調。

$(document).ready(function() { 
    $("#btnid").click(function (event) { 
     debugger; 

     $.getScript('mydata.js').done(function(data, textStatus, jqxhr) { 
      checkJs(); 
     }).fail(function(){ 
      if(arguments[0].readyState==0){ 
      //script failed to load 
      }else{ 
      //script loaded but failed to parse 
      alert(arguments[2].toString()); 
      } 
     }) 
    }); 
}); 

完成回調有3個參數，其中有以下值。

1. 數據：已返回的數據（腳本）
2. textStatus：它返回純文本格式的狀態，例如「成功」
3. jqxhr：它的jqXHR對象，它是XMLHTTPRequest對象的超集，並具有返回狀態碼的「status」屬性。