需要帮助使用jquery ajax函数访问API数据

时间:2014-08-30 02:43:13

标签: jquery html ajax

我对jQuery很新。我只是尝试使用AJAX函数将数据拉入网页的简单示例。我不确定自己做错了什么,但在控制台中我得到了“意想不到的令牌”#39;只需将URL放在浏览器中即可获得数据,但我希望能够解析它并按照我的意愿使用它。任何帮助表示赞赏。

<head>
    <meta http-equiv="Content-type" value="text/html; charset=UTF-8" />
    <title>
    </title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script>
    $( document ).ready(function() {
        // Handler for .ready() called.
        var url ='http://stats.ebash.com/api/v1/leaderboard';           
            $.ajax({
                url: url,
                success: function (data) {
                    if (data.success) {                         
                        summonerData = data.data.stats;
                        $('body').append(summonerdata)
                }
            })
    });         
    </script>
</head>

1 个答案:

答案 0 :(得分:0)

您遇到语法错误,错过了}。 试试这个:

$( document ).ready(function() {
    var url ='http://stats.ebash.com/api/v1/leaderboard';
    $.ajax({
        url: url,
        success: function (data) {
            if (data.success) {
                summonerData = data.data.stats;
                $('body').append(summonerdata)
            }
        }
    })
});     

<强> Check JSFiddle Demo

虽然在Demo中你得到了错误,但是因为JSFiddle和你的问题不一样。