質問: wordpressを利用したサイトを構築しております。 inputタグを利用し、ページ遷移せずにphpを呼び出す方法を模索しております。 使い方の想定は、次のとおりです。 ・ボタンを押したらモーダルポップアップウインドウにラジオボタンのみの簡易フォームが現れる ・送信ボタンを押したら画面遷移せずに、モーダルポップアップウインドウ内にphpを呼び出す --- 次のように構築を試みました。 ・モーダルポップアップは問題なく機能していますので、「modal」というポップアップ内に、下記の簡易フォームを表示します ``` 報告の詳細をご入力下さい 不快な内容、またはスパムです 写真の使用に関して問題があります 記事として不適切です ``` 次に送信ボタンを押した時に表示するsend.phpを下記の通り作成します。 ``` ご協力ありがとうございます。 報告を送信しました。運営の参考にさせて頂きます。 ``` 上記の構造だと機能はしますが画面が遷移してしまい、使い勝手がよくありません。 次のようなAjaxによる制御を試みましたが、挙動は上記と同じく画面が遷移してしまい、うまく参りません。 ``` ``` 送信ボタンを押したら画面遷移せずに、モーダルポップアップウインドウ内にphpを呼び出す、という動作をさせるには、どのように構築するのが適当でしょうか? お知恵をお貸し頂けますと幸いです。 よろしくお願い致します。
回答: ajaxで実装されたのであれば、formタグは不要かと思いますし、送信ボタンinputタグのtypeもsubmitである必要がありません。 せっかくajaxで実装されたのですし、formタグをやめて、送信ボタンをbuttonタグに変更すればどうでしょうか。