Question

我正在尝试从提供JSON响应的API中获取一些数据。我对这一切都是全新的。有人可以查看我的代码并告诉我是否有语法原因它不起作用？我想点击按钮并弹出一个警告，其中包含从请求中发回的数据。我认为这是你可以做的最基本的编程工作，我似乎无法让它工作。

<head>

<script type="text/javascript">
$.ajax({
    type: 'GET',
    url: 'http://openapi.etsy.com/v2/teams/8787?api_key=********&fields=name',
    async: false,
    jsonpCallback: 'jsonCallback',
    contentType: "application/json",
    dataType: 'jsonp',
    success: function(data)
    {
        alert(data)
    }
})
</script>

</head>
<body>
<button onClick="$.ajax()">Run Code</button>
</body>
</html>

Answer 1

使用button将jQuery的事件处理程序不引人注意地添加到id。

<head>


</head>
<body>
<button id="button">Run Code</button>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$('#button').click(function(e){e.preventDefault();
$.ajax({
    type: 'GET',
    url: 'http://openapi.etsy.com/v2/teams/8787?api_key=********&fields=name',
    async: false,
    jsonpCallback: 'jsonCallback',
    contentType: "application/json",
    dataType: 'jsonp',
    success: function(data)
    {
        alert(data)
    }
})
});
</script>
</body>
</html>

Answer 2

我重写了你的代码：

<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<script type="text/javascript">

function doStuff() {
    $.ajax({
        type: 'GET',
        url: 'http://openapi.etsy.com/v2/teams/8787?api_key=********&fields=name',
        async: false,
        jsonpCallback: 'jsonCallback',
        contentType: "application/json",
        dataType: 'jsonp',
        success: function(data)
        {
            alert(data)
        }
    });
}
</script>

</head>
<body>
<button onClick="doStuff()">Run Code</button>
</body>
</html>

Answer 3

是的，有几个问题：

您正在使用jQuery，但您没有加载它。
您尝试在页面加载时调用此调用。
onclick事件处理程序尝试错误地调用$.ajax()调用（它没有任何参数）。

这可能就是全部。

Ajax请求JSON无法正常工作？

3 个答案: