【Ajax】axiosを使って簡単にHTTP通信 | Will Style Inc.｜神戸にあるウェブ制作会社
こんにちは、CTOの奥田です。 新年あけましておめでとうございます。 昨年もたくさんの方にブログをご覧いただき、ありがとうございました。 本年も気を引き締めてより一層良い制作ができるよう努めてまいります。 2020年もどうぞよろしくお願いいたします。 さて2020年1発目のブログはaxiosについてです。 昨今のWebサイトは非同期でアレコレするのが当たり前になっています。 axiosを使えば簡単に非同期処理を実装することができます。 今回はそんなaxiosについてご説明したいと思います。 Table of contentsaxiosとはインストールGET通信POST通信エラーハンドリングaxios APIを使用するさいごにaxiosとはaxiosとはブラウザやnode.js上で動くPromiseベースのHTTPクライアントです。 jQueryで言うところのjQuery.ajaxであり、非
【Laravel】非同期処理をJavaScriptのFetch APIで実装する - Qiita
Fetch APIによる非同期処理とは？ Fetch APIはブラウザに搭載された非同期処理をするための関数です。 fetch関数を用いることで、ブラウザのページを全て更新することなく 一部分だけを更新する非同期処理が実行できます 非同期処理のFetch関数の使い方 LaravelではModel View Controllerの3つに分けてコードを管理するため fetchメソッドもMVCの流れに沿う必要があります fetch関数は第一引数に指定したURLにhttp通信（リクエスト）を送信することで Laravelのルーティングを経由しコントローラに記述したアクションを実行します コントローラ側でデータベースの操作および情報を取得した処理を実行した後、 fetch関数に対して実行結果（レスポンス）を返します。 JavaScriptにはブラウザのHTMLを書き換えたり追記したりする機能があるた
Laravel × JavaScript（Fetch） × MySQL を利用した非同期通信（第２回：一覧表示） - Laravel学習帳
前回はLaravel × JavaScript（Fetch） × MySQL を利用した非同期通信のイントロについてエントリーしました。 Laravel × JavaScript（Fetch）× MySQL を利用した非同期通信（第１回：イントロ） 今回はその第２回になります。 非同期通信で DB にあるレコードを全件表示させるスクリプトをエントリーします。 デモ画面 デモサイト（Laravel × JavaScript(Fetch) × MySQL の非同期通信） 【 ベーシック認証 】laraweb : laraweb ↓クリックするとアニメーション Gif で確認できます。↓ 手順 考え方 index のページにアクセスしたら JavaScript の fetch() メソッドを使って DB の全件レコードの取得する URL に通信します。 通信の結果、問題がなければ全件のレコードを
laravel-passport-javascript-api#%E3%81%A1%E3%81%AA%E3%81%BF%E3%81%AB
Laravel Passportは、Laravel上にOAuth2によるAPI認証を簡単に実装できるライブラリです。 この、Laravel Passportを利用すると、自身のWebアプリケーション上に実装したAPIを、外部へと簡単にセキュアに公開できます。 しかしながら、自身のWebアプリケーションの画面上でも同一のAPI利用したい場合があるでしょう。そんな場合もいちいち認証処理を経由するのは面倒なので、Laravel Passportでは自身のJavaScriptからAPIを利用する方法が用意されています。今回はそれについて紹介します。 今回紹介している方法は、一部公式ドキュメントに方法の記載がありますが、そのとおりにやってもトークンの渡し方に不備があり認証が通らないことがあったので、その点を踏まえ公式ドキュメントよりも詳しく解説していきます。 前提公式ドキュメント（日本語翻訳サイト）
Laravel PassportのAPI認証を理解する | アールエフェクト
Laravelでアプリケーションを構築した経験がある人ならログイン認証機能を利用することでLaravelへのユーザのアクセス制限を行えることは知っているかと思います。しかし、Laravelの外側のアプリケーションからアクセス制限のかかっているLaravel内のリソースにアクセスするためにはどうしたらいいのでしょう。そんな疑問を解決してくれるのがLaravel Passportです。 Laravel Passportを使用するとLaravel上でOAuth2.0に沿った形でAPIの認証機能を短時間で実装することができます。 OAuth2.0に沿った形でAPIの認証機能 といってもそれが何かわからないという人が大半だと思います。簡単に言えばLaravelの外側にあるアプリケーションからアクセスしたいリソースに対してアクセストークン(文字列)を使って管理するための仕組みです。 アクセス制限の行わ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
