jquery觸發外部API

Question

<script type="application/javascript"> 
    $(function() { 
     $('#btnUsingjQuery').click(function() { 
      $.ajax({ 
       url: "https://maps.googleapis.com/maps/api/js?key=12345", 
       dataType: 'jsonp', 
       success: function (results) { 
        window.location.href = "www.google.com"; 
       } 
      }); 
     }); 
    }); 
    </script> 

上面是我的jQuery代碼連接到外部API，無論成功或失敗它將重定向到google.com。

點擊按鈕後我遇到了錯誤：拒絕從API執行腳本，因爲它的MIME類型（'text/html'）不可執行，並且啓用嚴格的MIME類型檢查。 嘗試更改type =「應用程序/ JavaScript」仍然面臨問題。 有什麼想法爲什麼？

Answer 1

如果將其設置爲json，您將看到錯誤，這意味着您無權訪問該API。我想如果你想使用Google Map API，你需要註冊並獲得一個令牌來訪問API。

XMLHttpRequest無法加載 https://maps.googleapis.com/maps/api/js?key=12345。否 「訪問控制 - 允許來源」標題出現在請求的 資源中。因此不允許原產地'null'訪問。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="btnUsingjQuery">Click</button> 
 

 
<script type="application/javascript"> 
 
    $(function() { 
 
     $('#btnUsingjQuery').click(function() { 
 
      $.ajax({ 
 
       url: "https://maps.googleapis.com/maps/api/js?key=12345", 
 
       dataType: 'json', 
 
       success: function (results) { 
 
        window.location.href = "www.google.com"; 
 
       } 
 
      }); 
 
     }); 
 
    }); 
 
    </script>

Answer 2

你試試這個....

<script type="application/javascript"> 
     $(function() { 
      $('#btnUsingjQuery').click(function() { 
       $.ajax({ 
        url: "https://maps.googleapis.com/maps/api/js?key=12345", 
        dataType: 'jsonp', 
        success: function (results) { 
         window.location='https://www.google.co.in'; 
        } 
       }); 
      }); 
     }); 
    </script> 

我的意思只是增加

window.location='https://www.google.co.in';