title: API Call: Uncaught SyntaxError: Unexpected token :
body: <p>I am running an ajax call to get some Data from an API. The call itself works fine, I get 200 (OK) as a response. Also I can See the JSON Data in my Dev Tools. But in the end the alert is "error" and the I have a <em>"Uncaught SyntaxError: Unexpected token :"</em> in my Console. </p>
  
  <p>What going wrong there?</p>
  
  <pre><code>$.ajax({
                  url: 'my url',
                  type:'GET',
                  xhrFields: {
                      withCredentials: true
                  },
                  cache: false,
                  dataType: 'jsonp',
                  contentType: 'application/x-www-form-urlencoded',
  
                  // headers: {
                  //     'Authorization': 'Basic ' + btoa('uberall:cat-aspirin-window-cake')
                  // },
                  beforeSend: function (xhr) {
                      xhr.setRequestHeader('Authorization', 'Basic ' + btoa(user + ":" + pw));
                  },
  
                  success: function(text) { alert('success'); },
                  error: function (text) { alert('error'); },
                  complete: function(text) { alert('complete'); }
              });
  </code></pre>