【WordPress】画面の一部を更新する(Ajax)
概要 今回は、Ajaxという手法を用います。 Ajaxはざっくり言うと、ブラウザ画面とサーバで非同期通信を行う仕組みです。 非同期通信(サーバが裏で処理を行う)で、処理中も画面操作が継続できるメリットがあります。 処理の流れはざっくり以下のイメージです。 次は、これをどう実現するかです。 ポイントは３つです。 ①サーバ側で実行したい処理をWordPressのアクションに登録する ②①のアクションを実行するリクエストをAjaxで送信する ③②を起動するためのUI(ボタン等)と、②の結果を表示(更新)するためのUIを用意する ①はサーバ側の処理なのでfunctions.php等に記述します。 ②・③はクライアント側の処理なので各HTML等に記述します。 以下、サーバ側とクライアント側のサンプルコードになります。 細かいことはコード内のコメントで書いているのでそっち見てください。 サーバ側のコー
【JavaScript】fetchでPOSTデータを送信する
こんにちは、Ryohei（@ityryohei）です！ 本記事では、JavaScriptのfetchでPOSTデータを送信する方法をご紹介しています。 では、解説していきます。 fetchとは fetchは、非同期にネットワーク上のリソースを取得することができるAPIです。XMLHttpRequestの代替となるもので、よりシンプルに、より詳細に非同期による通信が実現できます。 参考：https://developer.mozilla.org/ja/docs/Web/API/Fetch_API/Using_Fetch fetchでPOSTデータを送信する fetchでPOSTデータを送信するサンプルです。動作確認のためのサンプルとなっています。本番環境でfetchを使用する場合はHeaders等を指定する必要がありますので、その点ご了承ください。 HTML <form> <label> <
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
