teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

サンプルを追加しました

2020/06/30 07:39

投稿

ockeghem
ockeghem

スコア11710

answer CHANGED
@@ -1,3 +1,26 @@
1
1
  APIのパラメータで format=jsonp を指定して、jSONP形式で呼び出す方法が考えられます。
2
2
 
3
- [ホットペッパー | APIリファレンス | リクルートWEBサービス](https://webservice.recruit.co.jp/doc/hotpepper/reference.html)
3
+ [ホットペッパー | APIリファレンス | リクルートWEBサービス](https://webservice.recruit.co.jp/doc/hotpepper/reference.html)
4
+
5
+ ---
6
+ (追記)
7
+
8
+ jQueryを使ってサンプルを書いてみました。ご参考までに。
9
+
10
+ ```
11
+ <body>
12
+ <script src="jquery-3.5.1.min.js"></script>
13
+ <script>
14
+ $.ajax({
15
+ url: 'https://webservice.recruit.co.jp/hotpepper/middle_area/v1/?key=【APIキー】&middle_area=Y005&format=jsonp',
16
+ type: 'GET',
17
+ dataType: 'jsonp',
18
+ jsonpCallback: 'callback'
19
+ }).done(function(data) {
20
+ var dummy = data; // 成功時 この処理はダミーなので変更してください
21
+ }).fail(function(data) {
22
+ var dummy = data; // 失敗時
23
+ });
24
+ </script>
25
+ </body>
26
+ ```