javascript - 非リフレッシュフォーム送信を実現するためにjqueryのajaxとphpを併用する場合の問題

写真は私のページです。ホームページのリンクを開くと、メイン部分 (左側の黒いボックス) が表示されます。
右側のサブページ (右側の div#main_box で ajax を通じて取得したサブページ) が表示されます。ホームページのリンクが開かれたばかりです ボタンを押すと読み込まれたサブページを表示します

今、ボタン 2 が押されたときにロードされるフォームがサブページ 2 にあります。フォームを送信し、PHP を通じてフォームによって送信された値を取得してから、データベースにアクセスして情報をクエリし、データベース データを返す必要があります。それをこのサブページに出力します。 2. 達成方法がわかりません。

長い間オンラインで検索した後、この方法を見つけました:

リーリー

でも使い方が分からないのでアドバイスお願いします

返信内容:

写真は私のページです。ホームページのリンクを開くと、メイン部分 (左側の黒いボックス) が表示されます。

右側のサブページ (右側の div#main_box で ajax を通じて取得したサブページ) が表示されます。ホームページのリンクが開かれたばかりです ボタンを押すと読み込まれたサブページを表示します

今、ボタン 2 が押されたときにロードされるフォームがサブページ 2 にあります。フォームを送信し、PHP を通じてフォームによって送信された値を取得してから、データベースにアクセスして情報をクエリし、データベース データを返す必要があります。それをこのサブページに出力します。 2. 達成方法がわかりません。

長い間オンラインで検索した後、この方法を見つけました:

リーリー

でも使い方が分からないのでアドバイスお願いします

ボタン 2 の要素は、必要なボタンとして表示されます。これで、2 番目の要件は自然に解決されます。 リーリー

1. ボタンの 2 番目のラベルに click イベントを追加し、ajax を介して main_box に表示されるコンテンツを取得して main_box に追加し、取得したフォームの submit イベントに関連付けて、からの応答を挿入します。 main_box にフォームを送信します。
私のアプローチは、デフォルトの送信イベントを無効にし、jqのajaxを使用してリクエストを送信し、フォームデータにdata:

$(formSelector).serialize()を使用することです。そのため、値を個別に読んで更新する必要はありませんコールバック関数を介してページを更新します。

これはわかっています。このように言い換えましょう。ajax が返すものは実際に Teacher.php に出力されるものです。例として dataType 形式を html として取り上げると、その Teacher.php でテストを実行し、直接 echo '< を実行できます。 ;h1> こんにちは、' を返してから、この成功に戻ります:function(data){alert(data)};//json の場合は、それが何であるかを確認してください。 .php 出力できるデータは echo json encode($array); ここでは dataType:'json' です

//書き方が間違っているかはわかりません= =#

//ところで、そのフォームに onsubmit=' を追加する必要があります return checnkForm()'; checkForm() 関数に ajax を記述し、最後に false を返します。そうしないと、送信されたフォームが少しジャンプします

リーリー