使用 jQuery 从 API 获取响应

Question

我想在输入字段中输入一些内容，然后从 API 中获取值是否存在的响应。

如果邮政编码 (12345) 存在，API 将以真/假值响应。 http://192.168.100.100:8887/public?zipcode=12345

到目前为止，这是我的代码：

$(function() {

    $('.positiveMessage, .negativeMessage').hide()
    $('#submitBtn').on('click', function() {
        var $zipcode = document.getElementById('searchZipCode').value
        $.getJSON({
            type: 'GET',
            url: 'http://192.168.100.100:8887/public?zipcode=' + $zipCode,
            success: result => {
                //Goes through the array
                $.each(result, function(i, info) {
                    $('body').append(info + '')
                })
            }
        })
    })
})

如您所见，我想通过在链接中添加一个变量来操作 API。

Answer 1

我添加了一个简单的 if else 语句，结果很好。虽然不知道该不该用这个方法：

//Checks keys
if (result) {
    $('.positiveMessage').show()
} else {
    $('.negativeMessage').show()
}

Answer 2

那里有一些 ES6（成功函数中的左箭头）可能无法按预期工作。当您已经拥有 jQuery 时，您还可以使用 getElementById。

没有 API 提要很难回答，但这至少应该可以帮助您获得响应。使用 console.log 打印 API 返回的内容，然后您应该能够遍历到您需要的数据。

$(function() {
    $('.positiveMessage, .negativeMessage').hide()
    $('#submitBtn').on('click', function() {
        var zipCode = $('#searchZipCode').val();
        $.getJSON({
            type: 'GET',
            url: 'http://192.168.100.100:8887/public?zipcode=' + zipCode,
            success: function(result){
                if (result) {
                    $('.positiveMessage').show()
                    $('.negativeMessage').hide()
                } else {
                    $('.positiveMessage').hide()
                    $('.negativeMessage').show()
                }
            }
        })
    })
})

Answer 3

你可以使用这个技巧：

$('.positiveMessage').show();
var time_hide = 1000; // in ms
setTimeout(function(){
    $('.positiveMessage').hide();
}, time_hide);