REST API客户端JavaScript不起作用

时间:2017-05-23 17:09:48

标签: javascript html rest api get

我有一个GET方法的示例,它对我没用。有什么想法吗? 附:我是HTMLJavaScript的新手,所以如果你发现任何其他错误,请说出来,先谢谢!

以下是代码:

<button type="button" onClick="MyFunction()">try it!</button>

<script>
        $.ajax({
        type: 'GET',
        url: 'http://my/api',
        success: function MyFunction(data) {
            var obj = JSON.parse(data);

            window.alert(obj);
            }
        });
</script>

2 个答案:

答案 0 :(得分:0)

您正试图在按钮的点击上调用MyFunction()。 你声明它的方式,函数MyFunction是一个回调,一旦ajax调用成功结束就执行,而不是ajax调用本身。 你想做什么(我认为)是:

<button type="button" onClick="MyFunction()">try it!</button>

<script>
    function MyFunction(){
        $.ajax({
            type: 'GET',
            url: 'http://my/api',
            success: function (data) {
                var obj = JSON.parse(data);
                window.alert(obj);
            }
        });
</script>

你可以在W3C Schools

看到一些其他简单的jQuery ajax()用例

答案 1 :(得分:0)

您正在呼叫成功回拨点击。那不适合你。你应该在MyFunction()中保留ajax代码并调用它。

<button type="button" onClick="MyFunction()">try it!</button>

<script>

function MyFunction(){
    $.ajax({
        type: 'GET',
        url: 'http://my/api',
        success: function (data) {
            var obj = JSON.parse(data);
            window.alert(obj);
        }
    });

</script>