Question

我有一个html文件，我使用nodemon在本地计算机上托管（如高级node.js服务器）。

在那个html文件中，我在脚本标记中嵌入了一些jQuery / js，我的代码就是这样工作的。

但是当我将jQuery / js代码分开，并将它放在一个名为main.js的单独文件中时，它不起作用。

我尝试在main.js中链接它和./main.js但没有一个返回我的请求。

有人可以建议我可以忽略的解决方案吗？

$(document).ready(function () {
  /*const url1 = 'https://www.alphavantage.co/query?function=';
  const url2 = '&symbol=';
  const url3 = '&outputsize=';
  const url4 = '&apikey=';
  const apiKey = 'RO6QHBGM0A4VO7NT';
  const fn = TIME_SERIES_DAILY;
  const outputsize= compact;
  const symbol = MSFT;
  */

  alert("hey");
  

});

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href=
    "https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">
    <link rel="stylesheet" href="style.css" type="text/css"/>
    <title>SP</title>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>
<body>
  <h1>Vicks StocPort</h1>
  <script src=
  'https://code.jquery.com/jquery-3.2.1.min.js'></script>
  <script src='./main.js'/>
  <script>
  const urlToFetch = 'https://www.alphavantage.co/query?function=TIME_SERIES_DAILY&symbol=MSFT&outputsize=full&apikey=demo';
  function getData(){
    //const urlToFetch = url1+fu+url2+symbol+url3+outputsize+url4+key;

    $.ajax({
        url: urlToFetch,
        type: 'GET',
        dataType: 'json',
        success(response){
          console.log(response);
          console.log('success from here');
        },
        error(jqXHR, status, errorThrown){
          console.log(jqXHR);
          console.log("error from here");
        }
    });
  }
  getData();
</script>
  </body>
</html>

Answer 1

你有一个错字：

<script src='./main.js'/>
  <script>

打开脚本标记上的/字符

有些标签可以是自动关闭标签，但<script>不是其中之一。

...顺便说一下......有一个简单的参考文献列出了你可以用作自闭标签的所有标签： http://xahlee.info/js/html5_non-closing_tag.html

成功标记html脚本标记中的javascript文件

1 个答案: