curlコマンドをJavaScriptのAjaxで実行する方法とは【メンターが回答】
「curlコマンドをJavaScriptのAjaxで実行する方法とは」という質問にTechAcademyの現役エンジニアが解決方法を回答しています。ぜひ理解しておきましょう。
TechAcademyマガジンはオンラインのプログラミングスクールTechAcademy [テックアカデミー]が運営する教育×テクノロジーのWebメディアです。初心者でもすぐ勉強できる記事が2,000以上あります。
※TechAcademyに実際に寄せられた質問に現役エンジニアのメンターが回答しました。
質問に対して現役のエンジニアが回答していくシリーズだね！
今回はどういう質問でしょうか？
curlコマンドをjQueryのajaxで実行する方法だね！実際に回答してもらった内容を紹介するね！
お願いします！
質問
jQueryのAjaxで実行したいのですが、どう書けば良いのか分かりません。
以下、ソースコードを書いていますが、書き方を教えてもらいたいです。
該当のソースコード
curl -H \
"X-Cybozu-API-Token: AAAAAAAAAAAAAAA" \
-H "X-Cybozu-Authorization:BBBBBBBBBBBBBB" \
-H "Content-Type:application/json" \
-d '{"app": 999,"record":{"title":{"value":"test"}}}' \
"https://XXXX.cybozu.com/k/v1/record.json"
[PR] JavaScript・jQueryで挫折しない学習方法を動画で公開中
メンターからの回答
$.ajaxを利用することができますが、同じドメインからのアクセスしか、データが取得できない点に注意して下さい。
$.ajax({
type: 'POST',
url: 'https://XXXX.cybozu.com/k/v1/record.json',
data: {"app": 999,"record":{"title":{"value":"test"}}},
headers: {
'X-Cybozu-API-Token': 'AAAAAAAAAAAAAAA',
'X-Cybozu-Authorization': 'BBBBBBBBBBBBBB',
'Content-Type': 'application/json',
},
}).then(function(response){
console.log(response)
})
以上、curlコマンドをjQueryのAjaxで実行する方法について解説しました。
TechAcademyでは、現役JavaScriptエンジニアのメンターが質問にすぐ回答します。
回答してくれたメンター
| mentor-takeda 関数型プログラミング言語(HaskellやLispなど)を使用した数値計算システム開発業務に長年従事。 |
curlコマンドをjQueryのAjaxで実行する方法について解説したよ。
curlって何でしょうか？
簡単に例えるとブラウザでアクセスするような感じで該当のURLにアクセス出来る感じだね。
わかりました。ありがとうございます！
他にもJavaScriptでグローバル変数を取得する方法についてメンターが回答しているので、合わせてご覧ください。
TechAcademyではJavaScriptを使ってWebサービスを公開できるオンラインブートキャンプ フロントエンドコース（JavaScript・jQuery講座）を開催しています。プログラミングの初心者でも受講可能です。
現役エンジニアがパーソナルメンターとして受講生に1人ずつつき、マンツーマンのメンタリングで学習をサポートし、最短4週間でオリジナルWebサービスを開発することが可能です。
独学に限界を感じている場合はご検討ください。
