解 説

ajaxやfetch、axiosなどでAPI接続するための方法をリクルートのA3RTで試しました。
getなら比較的簡単に取得できますが、post指定の場合はちょっと難易度が上がります。参考にしてください。

今回はリクルート A3RTのTalk APIを取得します。ここで提供するAPIはpostを使う必要があります。
 A3RTのTalk APIは人工知能と雑談をするためのAPIです。

リクルート A3RTからAPI KEYの取得を済ませておきます。

どの記述もモダンなJavaScriptで書かれています。

jQueryのajaxを使う方法

事前にjQueryを読み込んでおきます。

JavaScriptコード

fetchを使う場合

JavaScriptコード

axiosについて

axiosはブラウザや「node.js」で動く「Promise」ベースの「HTTPクライアント」です。
具体的にはReactやVue.jsなどでも併用される場合が多いようです。

Vue.jsの公式ページでの使用例

Reactページの 「AJAX and APIs」(ここでの例はfetchを使用しています)

axios公式ページ:Promise based HTTP client for the browser and node.js

axiosを使う例

事前にaxiosを読み込んでおきます。

JavaScriptコード