Demo JSon Knockout

Demo JSon Knockout

by Alejandro Hernández

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<div>
    Postal Code: <input type=text />
    Country: <input type=text />
    <button data-bind="click: performPostcodeLookup()">Lookup</button><br/>
    <div data-bind="text: lookupResult.displayValue">
</div>

JavaScript

function DemoController() {
   
      postalCode: "B1854FBA",
      countryCode: "AR"
      lookupResult = { displayValue: "Not yet retrieved"   };
       performPostcodeLookup = function () {
              var url = "http://api.geonames.org/postalCodeLookupJSON?" +
                 "postalcode=" + $scope.query.postalCode +
                 "&country=" + $scope.query.countryCode +
                 "&username=henriquatre" +
                 "&callback=JSON_CALLBACK";
        
           
           $.getJSON(url, function( data ) {
              lookupResult.displayValue = data.postalcodes[0].placeName;  
              });    
           
/*              $http.jsonp(url).then(function (response) {
                 var data = response.data;
                 if (data.status) {
                    $scope.lookupResult.displayValue = "Error: " + data.status.message;
                 } else {
                    if (data.postalcodes.length === 0) {
                       $scope.lookupResult.displayValue = "No data found";
                    } else {
                       $scope.lookupResult.displayValue = data.postalcodes[0].placeName;
                    }
                 }
              }, function (data, status) {
                 $scope.lookupResult.displayValue = "HTTP Error - " + status;
              });*/
           };
}