Question

尝试学习一些基本的javascript和api用法。尝试从开放天气地图获取一些天气信息，但浏览器（Chrome）未报告任何警报或console.log请求。

    <script type="text/javascript" src="jquery-3.2.1.min.js">
    alert("this works first maybe");
    console.log("HEEEELLLLOOOOO");
        $(document).ready(function(){
            var i = 0;
            getJson();

            function getJson() {
                    console.log("getting data now");
                    $.getJSON("openweatherlink");
            }
        });
    </script>

Answer 1

您无法在包含代码的src中使用<script>。

使用

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
    Your code
</script>

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
  alert("this works first maybe");
  console.log("HEEEELLLLOOOOO");
  $(document).ready(function() {
    var i = 0;
    getJson();

    function getJson() {
      console.log("getting data now");
      $.getJSON("openweatherlink");
    }
  });
</script>

＆＃13;

Answer 2

您的代码应如下所示。

第一个脚本标记应该包含jQuery import语句。

第二个脚本标记，您可以在其中编写jQuery / javascript代码。

<script src="jquery-1.x-git.min.js" type="text/javascript"></script>
<script>
    alert("this works first maybe");
    console.log("HEEEELLLLOOOOO");
    $(document).ready(function () {
        var i = 0;
        getJson();

        function getJson() {
            console.log("getting data now");
            $.getJSON("openweatherlink");
        }
    });
</script>

为什么我的jQuery / Javascript不起作用？

2 个答案: