jQuery ajax调用被拒绝了

时间:2017-01-11 19:33:23

标签: javascript jquery ajax

我试图使用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不是函数

我尝试的事情:

  1. 检查自最初编写代码以来ajax调用是否已更改:查看API文档,看起来语法仍然有效。
  2. 拿走函数包装器。
  3. 将所有内容包裹起来

    $(document).ready(function() {...});
    
  4. 将脚本标签进一步向上移动,甚至移动到<head>部分,以防jQuery未正确加载。

  5. 但似乎没有任何效果,每次都会得到完全相同的错误。

0 个答案:

没有答案