0

有没有办法用来自 OMDb 的不同 json 响应填充每个选项卡？对于每个选项卡/电影，它应该显示请求的数据（运行时、导演、演员等）。请求是通过标题（t）谢谢！我不能继续前进：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Academy Awards - Film</title>

    <link rel="stylesheet" href="jquery-ui.css">

    <!-- jQuery -->
    <script src="jquery.js"></script>
    <script src="jquery-ui.js"></script>

    <script type="text/javascript">
      $(function(){
        $("#tabs").tabs();
      });
    </script>
  </head>

  <body>

    <script>
      $(document).ready(function(){
        var t= $("#tabs").val();

        $.getJSON("http://www.omdbapi.com/?", {t:t, apikey:"80dea154"},
        function(dati){
          console.log(dati);
          var Anno= dati.Year;
          var Durata= dati.Runtime;
          var Regista= dati.Director;
          var Cast= dati.Actors;
          var Trama= dati.Plot;
          var Premi= dati.Awards;
        })
      });
    </script>

    <h2>Seleziona un film:</h2>
    <br>
    <div id="tabs">
      <ul>
        <li value="Moonlight"><a href="tab1">Moonlight</a></li>
        <li value="The+Shape+Of+Water"><a href="tab2">The Shape Of Water</a></li>
        <li value="Green+Book"><a href="tab3">Green Book</a></li>
        <li value="Parasite"><a href="tab4">Parasite</a></li>
        <li value="Nomadland"><a href="tab5">Nomadland</a></li>
      </ul>

      <div id="tab1"></div>
      <div id="tab2"></div>
      <div id="tab3"></div>
      <div id="tab4"></div>
      <div id="tab5"></div>

    </div>
  </body>
</html>
4

0 回答 0