ログアウト

Question

サイトでログアウトするボタンの設置で、テキストをクリックするとフォームが送信されるように以下のコードを書きました。

                    <a href="#" onclick="$('#logout').submit();">ログアウト</a>
                      <form action="logout.php" method="post" id="logout">
											  <input type="submit" style="display: none ">
                      <input type="hidden" name="token" value="<?= h($_SESSION['token']); ?>">
                    </form>

実際クリックすると、ブラウザの開発ツールのコンソールが動くので認識はしているそうなんですが、エラーが出てうまくできません。

原因はどにあるのでしょうか？

Answer 1

コードの一部しか質問文にないので、断定できませんが、以下のような理由でエラーが表示されていると考えられます。一度確認してみていただけませんか？

• jQueryを読み込んでいない。

$()という関数はjQuery()という関数を省略した記述方法で、この関数名が出てきた多くの場合はjQueryを使っていることが多いです。.htaccessでjQueryを設置しているディレクトリまでアクセスを拒否していたり、読み込んだ先にはjQueryは存在しなかったりしないか確認してみてください。

• jQueryを読み込んでいるが、jQueryが読み込まれるよりも前にjQueryを使用したコードを記述している。

jQueryが読み込まれていないのにjQueryで用意された関数を使おうとしても、質問文にあるようなエラーが発生します。

• jQueryの読み込み方が間違っている。

jQueryを読み込むときには、通常scriptタグのsrc属性(とtype属性)を指定します。もし、scriptタグの終了タグが存在しなかったり、src属性に存在しない場所を指定していたり、type属性に不正な値を入れていた場合、正常にjQueryが読み込まれない場合があります。また、他にライブラリを使用していて、それによって読み込まれたjQueryと、それとは別のバージョンのjQueryが読み込まれていると、$()(jQuery())が存在しない場合があり、jQueryが2回以上読み込まれているときにも正常に動作しない場合があります。

• 自分で$という関数を用意している。

この場合も、それを記述したjsファイルが読み込まれていなかったり、それを読み込むよりも前に使っている、読み込み方が間違っていることが考えられます。

Comments

[ryo-dev]

自分の環境ではそもそもjQueryが入ってませんでした。
もし、このsubmitの関数を自分で作るとなると大変なものなんですか？

[s8_chu]

submit関数についてはjQueryのコードを実際に読んで確かめたわけではないのですが、jQueryは古いブラウザで対応できていないjavascriptの機能を使えるようにするなど、jQueryは色々な工夫をしているので、jQueryのsubmit関数を一から自分で作るのは恐らくそれなりに難しいのではないかと思います。

[ryo-dev]

なるほど、素直にjQuery使います。

Answer 2

jQueryを読み込めているか確認してみてください。

Answer 3

Google Hosted Libraries
というのがありますので、読み込まれたらいいと思います。
読み込む場所とかわからなければ、検索されれば出てきますよ。

Answer 4

jQueryが読み込まれてないと思います。
ライブラリが読み込めてるかどうかをもっとしっかり確認してください。

Comments

[ryo-dev]

jQuery　を読み込まないと動かないのですか？

[chieeeeno]

他の方が丁寧に説明されていらっしゃいますが、
$()はjQueryの関数です。
$('#logout')でjQueryの関数を実行しているので、jQueryを読み込まないと動くわけがありません。

コピペで何処かのコードをそのまま貼り付けたんでしょうが、
意味もわからずにコピペしたところで、ちゃんと動作するようなものを作れるわけがないので、
コピペするときはちゃんと意味を理解した上で行うようにしてください。

[ryo-dev]

はい。
Javascriptの知識が０に等しく勉強になりました。