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文を追加しました。あなたはそこにいくつかのES6（あなたの成功の機能で左矢印）を持っている

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

Answer 2

あなたが期待しているように動作しない場合があります：私はこの方法かどうかを使用する必要がある場合、私は知りませんが。すでにjQueryを取得している場合は、getElementByIdも使用しています。

APIフィードがないと答えにくいですが、これは少なくとも回答を得るのに役立ちます。 APIから返されたものを出力するには、console.logを使用します。すると、必要なデータをトラバースできるはずです。

$(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);