$(function() {

  var naziv = $('#artiklInput').value;
  var username = 'luceed_mb';
  var password = '7e5y2Uza';
  var restAuth = 'bHVjZWVkX21iOjdlNXkyVXph';

  $('#artiklSubmit').click(function() {
    var artiklData = $.ajax({
      dataType: 'jsonp',
      jsonp: 'jsonp',
      url: "http://apidemo.luceed.hr/datasnap/rest/artikli/naziv/" + naziv + "/%5b0,3%5d",
      method: "GET",
      beforeSend: function(xhr) {
        xhr.setRequestHeader('Authorization', 'Basic ' + btoa(username + ': ' + password));
      },
      success: function() {
        console.log('Success!' + naziv);
      }
    });
    $('#formResult').innerHTML = artiklData;
  });

});