Question

这是整天都在发生的错误。当我尝试使用requirejs获取数据时也会发生这种情况。我在模板上删除了前两个脚本。

我一直在努力弄清楚为什么会这样。我正在尝试使用AJAX进行休息调用，但代码会立即在doctype声明中终止。它将hello.js文件和另一个.js文件转换为路由，如图所示，我不知道为什么。为了记录，我尝试将脚本tage更改为text / html，尝试删除或替换标记

这是模板

<!doctype html>
<html lang = "en">
<head>
    <meta charset="UTF-8">
    <title>{{ title }}</title>
    <link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">
    <link rel="stylesheet" href="/stylesheets/style.css">
    <link rel="stylesheet" href="/stylesheets/fonts.css">
    <link rel="stylesheet" href="/stylesheets/animate.css">
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/html"></script>
    <script src="jquery-2.1.1.min.js"></script>
    <script src = "//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <script src = "hello.js"></script>

</head>
<body>

{{{ body }}}

</body>
</html>

hello.js

$(document).ready(function() {

    console.log("dalkfdjslakfjdsklfajsdjsalkfsdaklfj");
    $.ajax({
  type: "POST",
  url: './srch.js',
  dataType: "json"


})
.done(function(data) {
    console.log(data);
 document.getElementById("tweets").innerHTML=data;

})
.fail(function() {
  alert("Ajax failed to fetch data")
}) 
});

Answer 1

你试图包含3个不同的jquery副本，其中2个格式不正确。

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/html"></script>
<script src="jquery-2.1.1.min.js"></script>
<script src = "//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src = "hello.js"></script>

第一行不正确，因为type='text/html，这不是文本文件。
第二行正在寻找本地文件，但它更容易使用cdn。

第三是好的。删除前两行。

澄清发生了什么......现在你正试图帮助你的浏览器下载javascript文件，但它找不到它们。您需要确保从本地计算机正确提供所有这些文件或使用cdn。

AJAX在html文档的开头抛出错误

1 个答案: