質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
86.12%
PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

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

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

解決済

画面遷移せずにデータをPOSTしたい

Takuma_Tanaka
Takuma_Tanaka

総合スコア128

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

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

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

5回答

0リアクション

0クリップ

21023閲覧

投稿2016/07/29 10:16

編集2016/07/29 10:17

###前提・実現したいこと
管理画面と公開画面があり、管理画面で入力したHTMLタグを公開画面に反映させようとしています。

###発生している問題・エラーメッセージ
管理画面でPOSTメソッドを利用して、公開画面にHTMLタグを送信し反映させているのですが、管理画面でHTMLタグを入力し、submitすると公開画面に遷移してしまいます。
管理画面にとどまったまま、入力したHTMLタグのみを公開画面に送信したいと考えています。

###該当のソースコード
公開画面(test._o.php)

<?php echo $_POST['TEST']; ?>

管理画面(test.html)

<form action="test_o.php" method="post"> <textarea name="TEST" rows="4" cols="40">ここにソースを入力してください</textarea> <br> <input type="submit" value="実行"> <input type="reset" value="リセット"> </form>

###試したこと
以下のサイトを参考に管理画面を3つ作ってみましたが、どのソースでもsubmitを押すと公開画面に遷移してしまいます

http://okwave.jp/qa/q1048443.html
http://www.confrage.com/ajax/async/post/post.html
http://blog.goo.ne.jp/xmldtp/e/be437400b05856141b2f49aa67e52fe2

管理画面その1

<form action="test_o.php" method="post" target="f1"> <textarea name="TEST" rows="4" cols="40">ここにソースを入力してください</textarea> <br> <button type="button" id="nonido">送信</button> <input type="reset" value="リセット"> </form> <iframe name="f1" width=0 height=0 style="visibility:hidden"></iframe>

管理画面その2

<script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1.3");</script> <script type="text/javascript"> $(document).ready(function(){ $("#form1").submit(function(){ $.post( "test_o.php", $(this).serialize(), function(response){ alert(response); } ); return false; }); }); </script> <form id="form1"> <textarea name="TEST" rows="4" cols="40">ここにソースを入力してください</textarea> <br> <input type="submit" value="送信"> <input type="reset" value="リセット"> </form>

管理画面その3

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"></script> <script> function myalert(buf) { alert(buf); } </script> <form name="f1" id="f1" action="test_o.php" method="post" target="nodisp"> <textarea name="TEST" rows="4" cols="40">ここにソースを入力してください</textarea> <br> <input type="submit" value="送信"> <input type="reset" value="リセット"> </form> <iframe name="nodisp" id="naiyo" style="display:none"></iframe>

###補足情報(言語/FW/ツール等のバージョンなど)
できればsubmitボタンを押したら、「登録完了しました」というalertなどが表示されて、管理画面に留まるようにしたいです。

色々と調べてみたのですが、どうしても公開画面に遷移してしまい困惑しています。
POSTメソッドの動きなどが理解できていない為に上手く行かないと思っていますが、どこが悪いのか全く分からない状態ですので、ご教示お願いします。

※ご教示頂いた内容の確認及び返信が週明けになるかもしれませんが、ご容赦ください。

以下のような質問にはリアクションをつけましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

リアクションが多い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

下記のような質問は推奨されていません。

  • 間違っている
  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
86.12%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

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

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。