並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 43件

新着順 人気順

ajaxの検索結果1 - 40 件 / 43件

  • Ajaxから始まった一つの時代の終わり

    最近の流れを見ていての感想文なので、ideaとして投稿します。筆者のバックグラウンドとしては、Remixの商業記事を書いたり、App Routerの商業記事を書いたりしている人です。 さて、筆者は2022年の秋から、社内システムではありますがRemixをプロダクション運用しています。また、Next.jsのApp Routerについても、パラダイムとしてはRemixにインスパイアされた部分が多い[1]おかげで、順調にキャッチアップできています。 RemixとApp Routerは、ルーティングとデータフェッチを高度に統合しており、Progressively Enhanced SPA(PESPA)と呼ばれることもあるそうです。PESPAについては、次の記事が話題になりましたね。 このPESPAであるRemixを実運用する中で、フレームワークの手触りが近年触ってきたものと大きく違っている点があっ

      Ajaxから始まった一つの時代の終わり
    • わいテクノロジー化石おじさん、いまどきAjaxって呼ばれないことに震える

      SPAってゆうのね エイジャックスとか言ったら若者に鼻で笑われたわ

        わいテクノロジー化石おじさん、いまどきAjaxって呼ばれないことに震える
      • Webアプリパターンの歴史 - SST、AJAX、CSR、SSR、SSG、そしてISR - Qiita

        はじめに (1/2) Webアプリの動作するパターンをまとめました。歴史を振り返ることで JAMStack といったモダンなスタックがどういった点で有用なのか理解していきましょう。 発表者:@kimizuy 日々スプラのXPをどう上げるかに頭を悩ませています。ブログもあります。 はじめに (2/2) これは2020年9月16日開催のりあクト! TypeScriptで始めるつらくないReact開発 第3版Ⅰ. 言語・環境編 読書会のLT用資料として作成しました。 ※ 続きの会も企画する予定です。どちらかというと初学者〜中級者向けです。興味のある方はお気軽にご参加ください。 SST (1/3) 概要 Server Side Templating の略 基本的にはサーバサイドのフレームワークとテンプレートエンジンの組み合わせ 完成した HTML をクライアントに返すため正確にはサーバサイドレンダ

          Webアプリパターンの歴史 - SST、AJAX、CSR、SSR、SSG、そしてISR - Qiita
        • Ajax 通信を簡単にする htmx の基本と実践 | フロントエンド | スタッフブログ | 名古屋のCMS構築・Web制作会社 アップルップル

          htmx は、JavaScript のコードを書かずにサーバーとの非同期通信を実現し、ページの一部を更新することを可能にする JavaScriptライブラリです。HTML属性の拡張により簡単に使用できるようにし、結果として、コードの可読性が向上し、将来のメンテナンスも容易になります。これらの特徴から、htmx はウェブサイト制作の現場での活用が期待されます。 簡潔さとアクセシビリティ: htmx は、複雑な JavaScriptコードを書かずに、HTML 内で直接動的な振る舞いを宣言することを可能にします。これにより、Web開発がよりアクセスしやすく、より理解しやすくなることを意味します。 非同期リクエストの簡易化 : htmx は、Ajaxリクエストを簡単に実装するための属性を提供します。これにより、サーバーへの非同期リクエストを簡単に行い、ページの一部を更新できます。 導入の容易さ :

            Ajax 通信を簡単にする htmx の基本と実践 | フロントエンド | スタッフブログ | 名古屋のCMS構築・Web制作会社 アップルップル
          • Webアプリパターンの歴史 - SST、AJAX、CSR、SSR、SSG、そしてISR - Qiita

            はじめに (1/2) Webアプリの動作するパターンをまとめました。歴史を振り返ることで JAMStack といったモダンなスタックがどういった点で有用なのか理解していきましょう。 発表者:@kimizuy 日々スプラのXPをどう上げるかに頭を悩ませています。ブログもあります。 はじめに (2/2) これは2020年9月16日開催のりあクト! TypeScriptで始めるつらくないReact開発 第3版Ⅰ. 言語・環境編 読書会のLT用資料として作成しました。 ※ 続きの会も企画する予定です。どちらかというと初学者〜中級者向けです。興味のある方はお気軽にご参加ください。 SST (1/3) 概要 Server Side Templating の略 基本的にはサーバサイドのフレームワークとテンプレートエンジンの組み合わせ 完成した HTML をクライアントに返すため正確にはサーバサイドレンダ

              Webアプリパターンの歴史 - SST、AJAX、CSR、SSR、SSG、そしてISR - Qiita
            • 【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であり、非

                【Ajax】axiosを使って簡単にHTTP通信 | Will Style Inc.|神戸にあるウェブ制作会社
              • Ajaxを使ってPythonとJavascriptでやり取りを行う方法 | うちガジェ

                元々ネットワークエンジニアでしたが、残業と出張だらけの生活が嫌になりプログラミングを勉強して転職。 現在は在宅ワークでプログラマとして働いています。 Apple製品・ガジェット・家電が好きなので、実際に使ってみたレビュー記事をメインに書いてます。

                • Googleフォームを静的サイトに埋め込みカスタマイズ【非同期通信Ajax】|しょーごログ

                  こんにちは、フリーランスエンジニア歴6年のしょーごです。 みなさん静的サイトにフォームの埋め込みを行う際、これまで難儀しなかったでしょうか? 私は最初はフォームの実装方法がわからず、フォームのためにわざわざWordPressのContact Form 7を使うほどでした。

                    Googleフォームを静的サイトに埋め込みカスタマイズ【非同期通信Ajax】|しょーごログ
                  • 複雑なAjaxで悩みがち!処理をうまく解決する3つの方法 | 東京のWeb制作会社 株式会社クーシー

                    複雑なAjaxで悩みがち!処理をうまく解決する3つの方法 システム開発 プログラミング Webサイトでエリアを絞るとき等、通常はリンクでページ遷移しますが、ページを読み込む待ち時間がプチストレス… そんなときにページ全体の読み込みをしないで、非同期通信(Ajax)でページ内のコンテンツを一部だけ更新・生成することができます。 今回はAjaxのご紹介と実装方法を解説します。 非同期通信とは? 非同期通信とは、ブラウザの操作が行える通信のことです。 Webページは、ブラウザがサーバーからページの情報をもらうことで表示を行っています。このブラウザとサーバーのやり取りを通信と呼んでいます。 基本的には、通信が行われているときは、画面全体の更新が発生して、ブラウザ操作を行うことができません。非同期通信では例外的にブラウザ操作を行える状態で、データベースや外部ファイルからデータを取得して、一部の画面を

                      複雑なAjaxで悩みがち!処理をうまく解決する3つの方法 | 東京のWeb制作会社 株式会社クーシー
                    • $.ajax(jQuery.ajax)の非同期処理をasync awaitの入れ子なし同期処理で記述する - Qiita

                      目的 $.ajaxをasync awaitを用いた同期処理で書く。 Ajax通信を待ってから処理に進む。 同期処理が入れ子にならず、クリーンに書くことができる。 IEには対応していない。注意。 経緯 保守の際、既存コードがjqueryのajaxで記述されていた。 jquery自体は別に良い。 だが、大量のコールバックによる入れ子で非常に見通しが悪くなっていた。 それをasync awaitを用いた同期処理にリファクタリングをした際の備忘録である。 書き方 フルーツID🔑からフルーツ名🍒を取得する。 /** * フルーツ名を取得する * * @param {string} fruitId */ async function getFruitName(fruitId) { const fruitRequest = {id: fruitId} const fruitResult = awai

                        $.ajax(jQuery.ajax)の非同期処理をasync awaitの入れ子なし同期処理で記述する - Qiita
                      • 【jQuery】Ajaxのローディング時に、くるくる(スピナー)を表示

                        Ajax通信をウェブサイトに実装している場合、Ajax通信がローディング中は、画面上にくるくる(スピナー)などの表示があると、サイト閲覧者にとってローディング中ということが理解でき、良いデザインだと思います。 今回は、そのような場合に使用できるソースコードの例となり、jQueryを利用しAjaxのローディング中にスピナーを表示させます。 Ajaxのローディング中にくるくる(スピナー)を表示する例以下がjQueryを利用したソースコードの例となります。 例では、「Click 」ボタンを押すと、Ajax通信を行います。そして、ローディング中には、スピナーがある全画面を覆うオーバーレイを表示し、Ajax通信が終了するとオーバーレイを非表示にします。 See the Pen jQuery Ajax Loading Spinner by yic666kr (@yic666kr) on CodePen

                          【jQuery】Ajaxのローディング時に、くるくる(スピナー)を表示
                        • jQueryのAjaxでPOST送信してPHPで受け取る方法【初心者向け】現役エンジニアが解説

                          目次 Ajaxとは AjaxでPOST送信する jQuery(送信側)の記述方法 PHP(受信側)の記述方法 まとめ Ajaxとは AjaxとはHTTPプロトコル通信で、HTMLやPHPファイルからリクエスト送信をHTTPサーバに送信して、レスポンスをブラウザ側で受信する動作を非同期通信で受け取ることができる技術です。 Ajaxを使うとHTMLファイルの中の一部だけ表示更新するなどの操作を行うことができます。 例えば、ブラウザ上に表示した一覧表の内容を更新して、データベースに登録した内容をまた一覧表に反映させる時、HTMLファイルの表部分の表示だけ更新する、ということができるようになります。 [PR] PHPを学んで未経験からWebエンジニアを目指す方法とは AjaxでPOST送信する Ajaxを使ってPOST送信するには、jQuery側でPOST送信するデータの定義を記述して、PHP側で

                            jQueryのAjaxでPOST送信してPHPで受け取る方法【初心者向け】現役エンジニアが解説
                          • 【JavaScript】Fetch で Ajax を実装するサンプル(Promise と async / await) - Qiita

                            はじめに ネイティブ JavaScript で Ajax を実装するには、XMLHttpRequest よりも、Fetch の方が一般的なようです。 学習がてら、Fetch による Ajax 処理の基本的なところをまとめておきます。 POSTメソッドの動作確認は、Rails 6 を使用していますが、どのフレームワークでも基本は変わらないと思います。 1. GET メソッド GET メソッドは、HTML ファイルと Javascript ファイルだけで簡単に動作確認ができます。 サンプルコードはコピペで動くようにしています。 1-1. fetch を実装する(then - catch - finally の形式) 気象庁の天気予報データ(JSON形式)を取得するだけであれば、次のとおりです。 fetch メソッドの第1引数には URL、第2引数には オプション を指定しますが、第2引数は省略

                              【JavaScript】Fetch で Ajax を実装するサンプル(Promise と async / await) - Qiita
                            • Ajax Cape Town vs JDR Stars "liveStream"(live) - rachelsherlock245572’s blog

                              MATCH DETAILS: Location : Cape Town, Cape Town Stadium Upcoming Information:South African First Division 06.12.2019 When/Date: 06.12.2019 Time: 8:30 am Watch here >>>Ajax Cape Town vs JDR Stars live Online here >>>Ajax Cape Town - JDR Stars live Ajax Cape Town vs JDR Stars LiveStream!! Short Preview One of the most interesting matches of the day's play. In the match war can see two teams from the

                                Ajax Cape Town vs JDR Stars "liveStream"(live) - rachelsherlock245572’s blog
                              • 大きな画像をJavaScriptでリサイズしてからAjax送信する方法

                                さてさて、この間 wordpressみたいなドラッグ・アンド・ドロップをVueで実装という記事を公開しました。この記事の目的はユーザビリティだったのですが、ドラッグ&ドロップ機能の先では画像のアップロードを想定していました。 最近のウェブサイトでは画像をサーバーへ保存するというのは珍しいことではないでしょうが、実はアップロードする側の状況が変化してきたことである問題が発生するようになってきました。 それが・・・ スマホ・カメラの高解像度化のせいで画像アップロードに時間がかかってしまう というものです。 つまり、サイズが大きなファイルをアップロードするのに時間がかかってしまうということですね。 特にまだ日本のウェブサイトは、以下のように確認ページを挟む場合も多く存在していますので、その場合(バリデーションを厳密にするなら)画像サイズが大きい場合は1番と2番で画像をアップロードする必要がでてき

                                  大きな画像をJavaScriptでリサイズしてからAjax送信する方法
                                • jQueryのajaxはdone,failでなくthenにすべき - Qiita

                                  とある諸事情から、jqueryを利用したサーバレンダリングなシステムの試験・バグ対応を担当することになった。 本来ならばコーディングを担当したベンダーで試験・バグ対応も行う予定であったのだが、 とある騒動で出勤停止措置などの外的要因が発端となり、急遽システムの試験・バグ対応のヘルプ要員に任命された。 一からコードを読んで即座にバグ対応するノウハウが求められる中、jqueryのajax処理について気づきがあったので今回記事にしてみることに。 jQeuryのajaxの使い方(done/fail) 一般的にはjqXHRのdoneやfailでレスポンス処理をコーディングするだろう。そのシステムもこういう書き方だった。 $.ajax({ url: "/sample.json" }).done((data, textStatus, jqXHR) => { // 正常処理 }).fail((jqXHR,

                                    jQueryのajaxはdone,failでなくthenにすべき - Qiita
                                  • Vendsyssel - Ajax København (Live)"liveStream" - KayleeMacDonald15366’s diary

                                    MATCH DETAILS: Location : Upcoming Information:Danish Handbold Ligaen Women 30.12.2020 When/Date: 30.12.2020 Time: 1:30 pm Watch here >>>Vendsyssel vs Ajax København live Online here >>>Vendsyssel v Ajax København live Vendsyssel vs Ajax København LiveStream: Short Preview In this match Ajax København is a favorite. Last 1 head-to-head matches Vendsyssel won 0 matches, drawn 1 matches, lost 0 matc

                                      Vendsyssel - Ajax København (Live)"liveStream" - KayleeMacDonald15366’s diary
                                    • Why does my spinner GIF stop while jQuery ajax call is running?

                                      I'm just starting to wean myself from ASP.NET UpdatePanels. I'm using jQuery and jTemplates to bind the results of a web service to a grid, and everything works fine. Here's the thing: I'm trying to show a spinner GIF while the table is being refreshed (à la UpdateProgress in ASP.NET) I've got it all working, except that the spinner is frozen. To see what's going on, I've tried moving the spinner

                                        Why does my spinner GIF stop while jQuery ajax call is running?
                                      • ページbeforeunload時にAjax通信ができない

                                        JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

                                          ページbeforeunload時にAjax通信ができない
                                        • Ajaxを用いて動的セレクトボックスを作成する(CakePHP) - Qiita

                                          記事作成の背景 Ajaxって聞くけど、、、なんだ?っていうのと、個人的に動的セレクトボックスの ヒントを残しておきたくて作成しました。 なんかパッとする記事が見つけられなかったので、これが少しでも困ってる方の助けになれば幸いです。 環境 CakePHP4 (最新) jQuery MySQL 8.0 全体のコード とりあえずコード見てみるか・・・って方向けに最初に記載しておきます。 勉強会向けに色々書いてありますが、こちらの記事では必要箇所のみ抜粋して記述いたします。 https://github.com/Kurogoma939/cake_ajax_sample.git テストデータ 今回、検証環境はMAMPを用いて開発しました。 そのため、エクスポートしたSQLは以下の通りです。 保存場所 : app/SQL/create_tabel、app/SQL/insert_table CREATE

                                            Ajaxを用いて動的セレクトボックスを作成する(CakePHP) - Qiita
                                          • ブラウザ遷移なしでHTMLの更新をしたい・・・Ajax非同期処理をやってみました|HTML/CSS/JavaScript|技術ブログ|ゆとり社員は考える

                                            説明を箇条書きにて。 ・初期画面では、[画像][タイトル][URL] が2セット、以下の内容で2件表示されている 画像:いつも使ってるこれ タイトル:初期サンプル1、2 URL:https://example.com/ ・下の[1][2][3]をクリックすると、Google Books APIs より 「阿刀田高」の書籍情報を検索し、2件表示する 画像:書籍サムネイル画像 タイトル:書籍タイトル URL:Google Play書籍購入画面のURL ・書籍の検索条件についてはキーワード以外なし。適当。 [1]をクリックすると検索結果の20ブロック目表示 [2]をクリックすると検索結果の30ブロック目表示 [3]をクリックすると検索結果の40ブロック目表示 処理の流れ・・・ HTML: ■ulタグ(class : hoge-link)内のaタグクリック時にイベントが発火します。 →void(0

                                              ブラウザ遷移なしでHTMLの更新をしたい・・・Ajax非同期処理をやってみました|HTML/CSS/JavaScript|技術ブログ|ゆとり社員は考える
                                            • Ajax: 非同期通信でページのローディング時間を短くした|TechRacho by BPS株式会社

                                              BPSの福岡拠点として一緒にお仕事をさせていただいています、株式会社ウイングドアのヤマウラです。 今回は、筆者がローカルで構築している練習用サイト(WordPress)にて、ページの表示に時間がかかっている箇所があったので、 その際に対応した内容をご紹介したいと思います。 ※本記事は、データ取得のロジックの変更によってページの表示速度を早められるようにした記事ではなく、HTMLの表示をAjaxにて書き換える内容の記事になります。また、JavaScriptの説明等は含まれておりませんので、あらかじめご理解いただけますと幸いです。 目次 現状・課題 結論・最終的にやったこと Ajaxとは 外部から大量に取得してる値の処理が原因 実際に変更 感想 現状・課題 ローカルの環境にて、外部から持ってきた情報を表示するという簡素なページを作成していたのですが、 どうにもページの読み込みが遅い、という問題

                                                Ajax: 非同期通信でページのローディング時間を短くした|TechRacho by BPS株式会社
                                              • Preloaders.net - Loading GIF, SVG & APNG (AJAX loaders) generator

                                                Loading GIF or, so called loader gif is an animation that indicates a loading process on a web-site or an application. Being an critically important part of web-site and application design and usability, mostly the animations are used to show that something is loading on the background (e.g. AJAX applications). The animation objects are usually used in GIF format which is very popular due to it's

                                                  Preloaders.net - Loading GIF, SVG & APNG (AJAX loaders) generator
                                                • Midtjylland – Ajax København Danish 1 Division Handball Live Stream – sportmaster2020

                                                  Midtjylland – Ajax København Danish 1 Division Handball Live Stream Competition: Midtjylland v Ajax København live HC Midtjylland – Ajax København live stream HC Midtjylland – Ajax København live stream Chrobry Głogów – Stal Mielec match overview, prediction&tips One and the other team are in an unacceptable form. Chrobry Głogów could have advantage in physics – more days for rest in last days. In

                                                  • JavaScriptからFlaskへのデータ送信ーajax通信400エラー - Qiita

                                                    初めに Flaskを用いて開発を行っており、JSからFlask側にajaxを使って情報を送ろうとした。 コードは下記通り var fData = new FormData(); fData.append(Data1, data1); fData.append(Data2, data2); fData = Object.fromEntries(fData.entries()) $.ajax({ url : 'URL', type : 'POST', data : JSON.stringify(fData), dataType : "json", processData : false, contentType : "application/json", async : false, })

                                                      JavaScriptからFlaskへのデータ送信ーajax通信400エラー - Qiita
                                                    • Ajax (XHR) まわりいろいろ試してみた。 - かもメモ

                                                      前回FetchAPIを試してみたので、昨今のAjax? XHR?を色々ggって試してみました。(ホント簡単に jQuery $.ajax みんな大好きjQuery。お世話になった$.ajax!! 今もWordPressで"ほぅむぺぃじ"を作ったりするときには使うんじゃないでしょうか? Promiseに似たDeferredオブジェクトが使えるようになってから非同期処理が書きやすくなった記憶です。 $.ajax({ url: api_url, type: 'POST', dataType: 'json', data: { key: 'post_data' } }) .done(function(res, textStatus, jqXHR) { console.log(res); // 返されたデータ }) .fail(function(jqXHR, textStatus, err){ con

                                                        Ajax (XHR) まわりいろいろ試してみた。 - かもメモ
                                                      • Alpine AJAX

                                                        { this.requests.unshift({ id: this.requests.length, ...event.detail }) }) }, open: false, active: 0, requests: [], select(request) { this.active = request.id }, selected(request) { return this.active === request.id } }" class="not-prose text-base z-40 fixed bottom-0 left-0 right-0 rounded-t-md bg-almond-200"> Server Requests () Alpine AJAX is an Alpine.js plugin that enables your HTML elements to

                                                          Alpine AJAX
                                                        • DjangoでAjax(汎用クラスビューを使用) - Qiita

                                                          『Django Ajax』で検索するといくつか記事がヒットするがほとんどが関数ベースビューによるものだったので、汎用ビューを使用したコードを解説。 汎用ビューよく分かってない方はまずはそちらに入門しましょう。 Djangoにおけるクラスベース汎用ビューの入門と使い方サンプル Djangoの 汎用クラスビューをまとめて、実装について言及する これは私見ですが、Djangoを採用する大きなメリットの1つがクラスベースである汎用ビューを利用することだと考えています。 たぶんこれがベストプラクティスだと思います。 完成品イメージ GitHub - skokado/django_ajax: Django + Ajax サンプル 入力した文字列を画面上に表示するというもの。 簡単に仕様を決めておく。 ユーザは/greetにブラウザでアクセスする フォームに入力した値(name)はPOSTメソッドで送信

                                                            DjangoでAjax(汎用クラスビューを使用) - Qiita
                                                          • Stimulusの習作: Rails.fireのかわりにRails.ajaxまたはfetchで送信|usutani

                                                            内容Stimulusの習作: ドラッグ・アンド・ドロップ(クライアント側) Stimulusの習作: ドラッグ・アンド・ドロップ(サーバ側) 上記では隠しフォームとRails.fireを用いてBook ID群をクライアントからサーバへ送信しました。今回はつくりを変更してRails.ajaxまたはFetch APIを用いて送信したいと思います。 参照CSRF保護 2020/04/19 Rails セキュリティガイド - Railsガイド 2017/10/23 RailsのCSRF保護を詳しく調べてみた(翻訳)|TechRacho(テックラッチョ)〜エンジニアの「?」を「!」に〜|BPS株式会社 Rails.ajax 2019/10/18 ajax · rails-jquery-ujs Wiki 2020/04/19 rails-ajax.coffee at v6.0.2.2 · rails-

                                                              Stimulusの習作: Rails.fireのかわりにRails.ajaxまたはfetchで送信|usutani
                                                            • Ajax通信の前に処理を実行するには?($.ajax[beforeSend])

                                                              ← 前回 連載 INDEX 次回 → 別稿「TIPS:一般的なAjax通信を実装するには?」では、$.ajaxメソッドを利用したAjax通信の基本について解説しました。本稿では、引き続き、その動作パラメーターの一つであるbeforeSendについて解説します。beforeSendパラメーターを利用することで、Ajax通信を送信する前に任意の処理を実行できるようになります。 具体的な例も見てみましょう。以下の例は、Ajax通信を送信する前に、現在の日時を確認し、2016年11月でない場合に「キャンペーン期間外です!」というエラーメッセージを表示し、通信自体もキャンセルします。

                                                              • Live stream Ajax København v Tvis Holstebro - Msnho!

                                                                Competition: Ajax København vs Tvis Holstebro live stream October 05, 2019 http://live.welcome.bet/1721992 http://live.welcome.bet/1721992 KIF Kolding - Fredericia match overview, prediction&tips KIF Kolding has a series of defeats in the last matches (in the last 5 games wins - 0). Fredericia is in cheap shape now (in the last 5 games wins - 1). Fredericia could have problems with physics compare

                                                                • WordPress:Fetch(Ajax)でお問い合わせフォーム(プラグインなし)

                                                                  プラグインを使わずにお問い合わせフォームをつくります。画面遷移せずに完了するように fetch API を使います。jQuery でいうところの ajaxメソッドです。画面遷移しないことの利点は固定ページが1ページですむことくらいかと思いますが、確か Contact Form 7 は送信だけではなくバリデーションにも Ajax を使っていたと思います。 WordPress の Fetch( Ajax, 非同期通信)ブラウザ側の処理(クライアントサイド)フォームの作成fetch でサーバにリクエストするサーバーサイドブラウザ側の結果処理(クライアントサイド)エラーについてnonce 検証の fatal error!response.ok のエラーメール送信のエラーデモサイト 01WordPress の Fetch( Ajax, 非同期通信) WordPress の非同期通信はすでに利用した経

                                                                    WordPress:Fetch(Ajax)でお問い合わせフォーム(プラグインなし)
                                                                  • [jQuery] ajaxの非同期処理と同期処理 | ChiyoPen

                                                                    ajaxでjavascript関数から引数の戻り値を取得する方法の備忘録です。 ajaxのデフォルト設定は非同期となっており、引数の戻り値を受け取る前に処理がすすんでしまうため、処理された結果を関数より取得することができませんでした。 同じ間違いをしないようにajaxの非同期処理と同期処理についてまとめておきます。

                                                                      [jQuery] ajaxの非同期処理と同期処理 | ChiyoPen
                                                                    • ajaxでファイル送信したい(xhr, jquery, axios, fetch) | 感情的プログラミング伝記 | タウン情報誌 AIR函館 - 北海道函館市の食・呑・遊をご紹介!

                                                                      2020.03.04 13:00:00投稿 ajaxでファイル送信したい(xhr, jquery, axios, fetch) さて、前回は色々なHTTP Requestの仕方をご紹介しました。 今回はajaxでファイル送信をする方法について、模索していこうと思います。 ファイル送信の基本 まずはajaxとかjavascript無しでファイル送信をする方法をおさらいしましょう。 <form action="file.php" method="post" enctype="multipart/form-data"> <input type="hidden" name="foo" value="fuga" /> <input type="file" name="img" /> <button>送信!</button> </form> こんな感じですね。本来ならacceptやら何やら設定すべき項

                                                                        ajaxでファイル送信したい(xhr, jquery, axios, fetch) | 感情的プログラミング伝記 | タウン情報誌 AIR函館 - 北海道函館市の食・呑・遊をご紹介!
                                                                      • 【jQuery】PHP/Ajax/MySQL を利用した非同期通信を行う - Qiita

                                                                        実装内容 productsテーブルを作成する。(カラムはid, name, priceの3つ) 一覧に常にレコード全件が表示される 特定のidからnameとpriceを取り出して表示する 新しくレコードを追加して、一覧に追記する レコード追加前に確認メッセージを表示する AjaxとJSON こちらの記事がわかりやすいです! 初心者目線でAjaxの説明 Asynchronous JavaScript + XML JavaScript組み込みクラスであるXMLHttpRequestによる非同期(Asynchronous)通信のこと JSON JavaScript Object Notation データ形式の1つ XMLに替わり、Ajaxで使われることが多い ファイル構成 サーバはApache、データベースはMySQLを使用しました。 htdocsの下にajax_testディレクトリを用意し、そ

                                                                          【jQuery】PHP/Ajax/MySQL を利用した非同期通信を行う - Qiita
                                                                        • 【ajax】通信エラーとなった原因の取得方法 | クロジカ

                                                                          ホーム / ハック / 【ajax】通信エラーとなった原因の取得方法

                                                                            【ajax】通信エラーとなった原因の取得方法 | クロジカ
                                                                          • GitHub - josephernest/Swap: Swap.js is a "HTML-over-the-wire" AJAX-navigation micro-library

                                                                            Swap.js is a JavaScript micro-library which facilitates AJAX-style navigation in web pages, in less than ~ 100 lines of code. (See "Why?" paragraph below) This is inspired by the recent libraries that make server-side-rendering and "HTML-over-the-wire" techniques popular again (HTMX, Unpoly, Hotwire...). In short, portions of a web page can be replaced by new content sent directly from the server

                                                                              GitHub - josephernest/Swap: Swap.js is a "HTML-over-the-wire" AJAX-navigation micro-library
                                                                            • Chelsea U19 v Ajax U19 [LiVeStReaM] - dylanotis241295’s blog

                                                                              MATCH DETAILS: Location : Upcoming Information:UEFA Youth League 05.11.2019 When/Date: 05.11.2019 Time: 10:00 am Watch here >>>Chelsea U19 vs Ajax U19 live Online here >>>Chelsea U19 - Ajax U19 live Chelsea U19 v Ajax U19 LiveStream!! Short Preview In this match Chelsea U19 is the unquestionable favorite. Last 2 head-to-head matches Chelsea U19 won 2 matches, drawn 0 matches, lost 0 matches and go

                                                                                Chelsea U19 v Ajax U19 [LiVeStReaM] - dylanotis241295’s blog
                                                                              • PHPからストリーム出力して Ajax でリアルタイム更新する | PisukeCode - Web開発まとめ

                                                                                Ajax から PHP を呼び出すとき、 普通の方法だと1回ぽっきりのレスポンスしか受け取れません。 でも次みたいな場合、リアルタイムにレスポンスを受け取りたいです。 データを常に画面上で更新したい場合 Twitterタイムライン的なのを作る場合 とにかくリアルタイム通信したい場合 僕もあるWebアプリを作っていて、リアルタイムレスポンスが必要でした。 ここでは自分の記憶の整理も兼ね、 PHPでストリーム出力して Ajax でリアルタイム更新する方法 を紹介します。 ストリーム出力の基本さえ知っていれば、意外と簡単にできます。 手順0.PHP + Ajax でリアルタイム更新する基本の流れ リアルタイム更新をする処理、これは2つの部分に分けられます。 サーバー側(データを更新する) ブラウザ側(データを受け取る) サーバー側では PHP を使ってストリーム出力、 ブラウザ側では Ajax

                                                                                  PHPからストリーム出力して Ajax でリアルタイム更新する | PisukeCode - Web開発まとめ
                                                                                • JavaScriptでPHPを呼び出すjQueryのAjaxコードの書き方!