未在html中執行jquery腳本

-1

我試圖從Movie DB API檢索信息，jQuery代碼似乎沒有執行。我認爲我的JSON代碼可能關閉，但在重要功能之前測試之後，我意識到它並未運行。下面是該腳本：未在html中執行jquery腳本

<script type="text/javascript"> 
//test 0 
$("#title").html('<h1>JS Loaded</h1>'); 
$(document).ready(function(){ 
    //test 1 
    $("#title").html('<h1>Document Ready</h1>'); 
    var getPoster = function(){ 
    //test 2 
    $("#title").html('<h1>Get poster Executed</h1>'); 
    $.getJSON(
    "http://api.themoviedb.org/3/discover/movie?with_cast=31&sort_by=popularity.desc&api_key=d34d1c194fd655e99cc15a631bad6760&page=1", 
    function(data) { 
    if (data != "Nothing found."){ 
     $('#poster').html('<img alt="Film/Show Poster" width="101px" height="150px" src=' + data.results[0].poster_path + ';>'); 
    } else { 
     $('#title').html('<h1>NO POSTER WAS FOUND</h1>'); 
    } 
    }); 
    } 
    $('#poster').click(getPoster); 
});

jQuery是在頭部聲明，就像這樣：

腳本SRC =「https://cdnjs.cloudflare.com/ajax/libs/jquery/ 3.2.1/jquery.min.js」完整性= 「SHA256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4 =」 crossorigin = 「匿名」>

任何瞭解到什麼問題可能是，將不勝感激。

來源

2017-04-15 HuntingForIrish

對什麼是和什麼不工作更具體，也報告控制檯中拋出的任何錯誤（如果有的話）。花幾分鐘時間閱讀[問] – charlietfl

控制檯中是否有任何錯誤？ –

是否收到任何錯誤？此外，您的IMG標記未正確關閉，請使用雙引號打開和關閉src。 – cosmoonot

-1

我遇到類似情況時發生過這種情況，除了get和post。我結束了交換ajax電話。試試這個：

$.ajax({ 
    dataType: "json", 
    url: "http://api.themoviedb.org/3/discover/movie?with_cast=31&sort_by=popularity.desc&api_key=d34d1c194fd655e99cc15a631bad6760&page=1", 
    success: (data) => { 
if (data != "Nothing found."){ 
     $('#poster').html('<img alt="Film/Show Poster" width="101px" height="150px" src=' + data.results[0].poster_path + ';>'); 
    } else { 
     $('#title').html('<h1>NO POSTER WAS FOUND</h1>'); 
    } 
}, 
});

不要引用我在這，因爲它沒有明確說出來的文件中，但我認爲.getJSON()通話有得到的是發回的第二個參數，而不是響應您從端點獲得的實際響應數據。

來源

2017-04-15 16:40:30 Raults

應該禁止沒有給予任何建設性批評的下來投票感覺。 – Raults

在所有概率中，這只是一個CORS相關的錯誤。

您的AJAX請求失敗，因爲請求的起源（由您的html文件中的JavaScript製作）和API服務器是「Cross Origin」（基本上不同的域和/或端口），瀏覽器往往會限制「資源共享「之間的安全。

如果您使用的是Chrome，請嘗試添加一個類似CORS Toggler的擴展名，啓用它並重試。

來源

2017-04-15 17:56:56 sayanriju

好的，我發現了這個問題，現在我覺得自己像個白癡。我的測試試圖引用一個HTML ID而不是一個HTML類，所以我認爲這是一個jQuery的問題。事實證明，我需要額外的API部分的API來檢索圖像。 TMDb API現在工作正常，感謝您的幫助！

來源

2017-04-16 14:12:45 HuntingForIrish

未在html中執行jquery腳本

回答

相關問題