※Q&A 掲示板の流れについて
入力画面→確認画面→サーバーに送信→コメント、アップロードファイルを表示
WordPressで画面還移なしのファイルアップロード可能な Q&A 掲示板を作成しているのですが設計で悩んでおります。
ファイルアップロード方法が2つあるようでどちらが良いかアドバイス頂きたいです。
セッションを使う場合フォームである必要がなく、入力画面と確認画面をボタンで表示/非表示切り替える形で考えているのですが、全部非同期通信して JavaScript で画面を書きかえる方法でも問題ないのでしょうか?
①入力画面からの送信時にセッションを使う。
②入力画面からの送信後に一時ファイルに保存する。
※サンプルサイト
http://oksample.starfree.jp/%E8%B3%AA%E5%95%8F%E …
No.1
- 回答日時:
JavaScriptで確認画面を出すとなると、ローカルストレージなどに保存しないと入力内容が消えるかと思います。
ReactやVueなどのフレームワークを使う場合だと、FluxやVuexといった変数などをグローバルで管理できる機能を使って、画面を切り替えても流用できる方法が採れますが、JavaScriptだとその方法が採れませんね。
https://qiita.com/masuda-sankosc/items/cff6131ef …
なるほどアドバイスありがとうございます、入力画面からの送信後に一時ファイルに保存する必要があるというですね。
ファイルアップロードと確認画面からサーバーに送信後に入力画面に戻す方法で悩んでいるのですが、例えばどのような方法が有効だと思われますでしょうか?
No.2ベストアンサー
- 回答日時:
WordPressならPHPを使っているので、送信後のページについてはWordPress側の完了画面に遷移させて、その画面から入力画面に遷移させればいいのではないですか。
フォーム内容の登録リクエスト自体はAjaxではなく、フォーム内容の登録処理を行うページに行えばいいのではないですかね?
アドバイスありがとうございます、コメントをサーバーに送信後にデータベースを介して入力フォームとその下にコメントを表示する形で考えていることをお伝えしておりませんでした、申し訳ありません。
フォーム内容の登録処理は別ファイルで行ってみます。
入力→確認→サーバーに送信→入力画面+投稿コメント&アップロードファイルにしたい場合、入力画面と確認画面の表示/非表示をJavascriptで切り替える形になりそうですね…
確認画面からサーバーに送信する際のみ Fetch API で非同期通信を行う設計で作ってみます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- AJAX WordPressで画面還移なしの掲示板を作成する方法が分かりませんアドバイスお願い致します。 1 2023/10/19 15:15
- Java java初心者です。 画面Aで情報を入力し、保存しないまま画面Bに遷移して、画面Aに戻ってきた時に、 3 2021/11/17 19:14
- JavaScript javascriptとPHPで入力フォームのコードを書いているのですが、 流れとしては、①入力フォー 2 2021/12/02 09:18
- AJAX 非同期通信を使うタイミングが分からず困っております、アドバイスお願い致します。 2 2023/10/24 02:28
- JavaScript 画面遷移を行わずに同一ページでHTML表示を切り替えたい 3 2023/10/07 20:52
- Safari(サファリ) iPhoneで適当にサイトを見ていたら変なボタンを押してしまいました。 そうしたら自分のファイルアプ 1 2021/11/16 23:20
- PHP 掲示板のセキュリティについてアドバイスお願い致します 1 2023/08/11 20:44
- PHP php 入力画面から確認表示画面へ情報の受け渡しについて。 1 2023/06/07 18:00
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- その他(クラウドサービス・オンラインストレージ) Webサイトの問合せフォームの添付ファイルのパスが正しく表示されない 1 2021/10/31 17:34
このQ&Aを見た人はこんなQ&Aも見ています
-
プロが教えるわが家の防犯対策術!
ホームセキュリティのプロが、家庭の防犯対策を真剣に考える 2組のご夫婦へ実際の防犯対策術をご紹介!どうすれば家と家族を守れるのかを教えます!
-
IndexedDB を使ってファイルアップロード可能な掲示板を非同期通信で作成したい
JavaScript
-
JavascriptでDom XSSの脆弱性対策を行いたい
JavaScript
-
WordPressで画面還移なしの掲示板を作成する方法が分かりませんアドバイスお願い致します。
AJAX
-
-
4
公文書のxmlファイルの開き方が分かりません
XML
-
5
非同期通信を使うタイミングが分からず困っております、アドバイスお願い致します。
AJAX
-
6
htmlの修正方法を教えていただきたいです。
HTML・CSS
-
7
写真のプログラムは、1からnまでの、全整数の積すなわち階乗値を求めて返却する関数を作成したいのですが
C言語・C++・C#
-
8
htmlのエラーについて(デバッグ)
PHP
-
9
サブルーチンを使った再帰的なプログラム
C言語・C++・C#
-
10
C言語について。
C言語・C++・C#
-
11
次のhtml・cssでspan内の文字を点滅させるには、どのようにしたらよいのでしょうか。
Java
-
12
C言語について。
C言語・C++・C#
-
13
会社のPCに入っているExcelでバーコードを作ろうと思い、「開発」→「挿入」→「コントロールの選択
その他(Microsoft Office)
-
14
Class ってぱいそんでならったけど使いますか?なんか習う割にはあんまり覚えてないし見ない気がする
Perl
-
15
擬似コード 長さがmの配列でなんで For i =0 to m とかかくの?m-1までしかないでしょ
C言語・C++・C#
-
16
C言語って古いですか?
C言語・C++・C#
-
17
Javascriptエラーの原因が分からない
JavaScript
-
18
align-itemsの使い方。本が間違っている?
HTML・CSS
-
19
倍数の求め方? 教えてほしい。
Excel(エクセル)
-
20
コマンドプロンプトについて。
C言語・C++・C#
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
VB2005 複数のフォームを同時...
-
非同期通信で掲示板を作る際の...
-
WordPressで画面還移なしの掲示...
-
PHP 確認画面から入力画面に戻...
-
htmlからbatファイルを起動する
-
ページ移動した場合の、フォー...
-
php 確認表示画面で値をSESSION...
-
ビジネスメールの敬称
-
入力フォームの値をQRコードで...
-
初歩的な事だと思います。 Sub...
-
エクセルVBA テキストボックス...
-
テキストボックスの番号を使っ...
-
お問い合わせフォームから送信...
-
UWSCで、スクリプトの実行時間...
-
DATE型変数を初期化する方法
-
httpリクエストの送り元の特定
-
Windowsのアプリ開発ってなんの...
-
Cygwinでtgifを使いたいです。
-
input type ="hidden"の具体的...
-
至急です!Excelがわかりません
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
php 確認表示画面で値をSESSION...
-
ワードプレスプラグイン MW WP ...
-
掲示板のセキュリティについて...
-
htmlからbatファイルを起動する
-
アイフォン使ってたらちょくち...
-
WordPressで画面還移なしの掲示...
-
ページ移動した場合の、フォー...
-
非同期通信で掲示板を作る際の...
-
メール送信フォームとhistory.b...
-
ヤフージャパンへの問合せ 「次...
-
大学の出欠確認でQRコードを読...
-
子画面から親画面に値を返す方法
-
ブラウザの「戻る」ボタンを押...
-
戻ると入力したフォームの内容...
-
VB2005 複数のフォームを同時...
-
入力フォームの確認画面からの...
-
メールフォームに添付ファイル...
-
docomoのsimロック解除について
-
accessでフォームを希望の入力...
-
値だけ送信してページは遷移さ...
おすすめ情報