我试图使用API抓取Twitter帖子并在教程中找到以下代码:
tweets.js
$(function(){
$.ajax({
url: 'get_tweets.php',
type: 'GET',
success: function(response) {
if (typeof response.errors === 'undefined' || response.errors.length < 1) {
var $tweets = $('<ul></ul>');
$.each(response, function(i, obj) {
$tweets.append('<li>' + obj.text + '</li>');
});
$('.tweets-container').html($tweets);
} else {
$('.tweets-container p:first').text('Response error');
}
},
error: function(errors) {
$('.tweets-container p:first').text('Request error');
}
});
});
我使用此HTML调用它,我已经从原始版本略微修改了它,因此它现在从官方网站调用最新的,经过验证的jQuery版本:
的index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Twitter v1.1 API - A JavaScript and PHP Solution</title>
</head>
<body>
<div class="tweets-container">
<p>Loading...</p>
</div>
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"
integrity="sha256-/SIrNqv8h6QGKDuNoLGA4iret+kyesCkHGzVUUV0shc="
crossorigin="anonymous"></script>
<script src="js/tweets.js"></script>
</body>
</html>
但是,当我将其加载到浏览器中时,我收到以下错误:
TypeError:$ .ajax不是函数
我尝试的事情:
将所有内容包裹起来
$(document).ready(function() {...});
将脚本标签进一步向上移动,甚至移动到<head>
部分,以防jQuery未正确加载。
但似乎没有任何效果,每次都会得到完全相同的错误。