広告

MAMPでsubmit後にhtmlが表示されない!原因はパスの間違い

2019年8月20日

ATOMでhtmlファイルを作成し、formでsubmitしたところ

MAMPでsabmit結果がhtml表示されない

受け取った側のphpが表示されない問題が発生しました。

MAMPでsubmit後にhtmlが表示されなかったんです。

原因は、htmlを起動したパスが間違ってたことでした。

正解のパスは以下!

http://localhost:8888/ディレクトリ名/ファイル名

MAMP起動後に、http://localhostで始まるパスをブラウザーの検索バーに貼り付けて起動すればOKっす!

MAMPでsubmit結果がhtml表示されるGIF

注意!以降は駄文です。離脱して、プログラミングの勉強や作業に戻りましょう!さあ早く!

htmlのmethodのパスを間違える背景

そもそもなぜ、こんなカンタンなことを間違えてしまったのか。

多分この記事を読んでいる人は、form側のhtmlを以下のようなパスにしてしまっているんじゃないでしょうか。

 html
file:///Applications/MAMP/htdocs/php/sample18/index.html

というのも、

  1. MAMPを起動させて
  2. イチイチファイルのパスを書き換える

この作業自体が面倒で、はしょっていると思うんですよ。(おれ)

横柄な僕がとっていた間違った行動は、

  • >ファイルのフルパスをコピー
  • ブラウザーに貼り付けてhtmlの表示を確認

といった調子でした。

ファイルのフルパスをコピーする画像

htmlファイルのプレビューだけなら、この方法でも大丈夫なのかもですが...

(すみません、この認識が合っているかどうかは分かりません)

methodの受取側がfile//で動作しない背景

しかし!

htmlファイルでformからsubmitを作成し、phpファイルで受取りを行おうとすると先のパスではphpファイルは表示されません

だってサーバーを経由してないから。

Web上を経由して読み込みを行っていないので、単純にphpファイルに遷移された結果が表示される

つまり、そのままphpファイルのソースが表示されちゃうんですよね。

MAMPでsabmit結果がhtml表示されない

ああ、ほんと恥ずかしい...泣

まとめ

というわけでプログラミング初学者が、横柄をしてMAMPに嫌われた(ただの無知)記事でした。

ちゃんと、

  • MAMPを起動して
  • http://localhost:8888/〜以降にファイル名を入力

といった手順を踏めば速やかに狙った結果が表示され、時間が無駄になりません!

ほんとこれで2日間学習がストップしてたとか、ほんとすみません。

OYAKUN
OYAKUN
あなたの学習が滞りなく進むことを願っております
学習記事
Mysql-memo-eyecatch
【MAMP】MySQLを日本語化する手順のメモ(Mac)

MAMPでMySQL(phpMyAdmin)にアクセスして日本語化する際の手順をメモ。 注意!本記事の設定方法は、一時的 ...

続きを見る

関連記事:【オススメ!】PHPでMySQLへ入力フォームからデータ登録する方法
関連記事:【MySQL】PHPでqueryを使ってデータベースの値を取得する方法
関連記事:【MAMP】PHPでMySQLにデータを追加する方法(phpMyAdmin)