外部Javascriptからform.jsonへのアクセスを行う場合の設定について

お世話になっております。

ローカル環境のJavascriptからform.jsonにアクセスを行い、フォームの情報を取得するというプログラムを書いているのですが、うまく通信ができず行き詰まっております。

PHPでの取得は成功しているのですが、純Javascriptでの実装を目指しています。
この場合で出るエラーは以下の通りなのですが、PHPでの実装例はあるのですが、Javascriptでの実装例がまったくなく、アドバイスをいただけたらと思います。
作成環境はGoogle Chromeのバージョン61になります。
何卒ご教授お願い致します。

エラーメッセージ
jquery.min.js:4 GET https://SUBDOMAIN.cybozu.com/k/v1/form.json?app=XX&callback=properties net::ERR_ABORTED

ソースコード

//IDとパスワードをエンコード
auth = btoa(unescape(encodeURIComponent(loginID+‘:’+loginPW)));

$.ajax({

 type:‘GET’,

 url:‘https://’+subdomain+‘.cybozu.com/k/v1/form.json?app=’+appID,

 dataType:‘jsonp’,

 jsonpCallback:‘properties’,

 cache:‘false’,

 headers:{

  ‘Host’:subdomain+‘.cybozu.com:433’,

  ‘X-Cybozu-Authorization’:auth,

  ‘Content-Type’:‘application/json’,

 },

 success:function(response){

  console.log(‘成功’);

 },

 error:function(response){

  console.log(response);

 }

});

JavaScriptではドメインをまたいだAPIのリクエストがセキュリティ上の理由から通常禁止されています。JSONPやCORSといったアクセスを許す設定が有効化されているサービスであればアクセスできますが、kintoneでは許可されていません。

従いまして、純粋なJavaScriptでkintoneに直接アクセスすることはできません。JSONPが有効化されているサービスへのアクセス実装例を参考に記述されたのだと思いますが、実装例がないのもそもそもできないためです。

ただ、JavaScriptからアクセスしたい場合には、「kintone cors」、「kintone cors api gateway」で検索すると間接的にアクセスする方法、そのために必要なものが紹介されていますので、ご覧になると良いかと思います。