$.load() がフォーム データを送信しないのはなぜですか? 代わりに AJAX を使用するにはどうすればよいですか?

$.load 経由でフォーム データが送信されない

質問:

ボタンのクリックがトリガーされる次のコードですが、そのポストリクエストは、 $.load 呼び出し。代わりにページがリロードされ、リロードせずにデータを送信する機能が制限されます。

回答:

ページをリロードせずにデータを送信しやすくするには、AJAX を理解することが不可欠です。 AJAX は、データを外部 PHP ファイルに送信することによって処理し、外部 PHP ファイルは結果で応答します。

実装:

最初のファイルで、変更イベント ハンドラーを選択したオプションをキャプチャするための関連要素。次に、データは AJAX POST リクエストを介して 2 番目のファイルに送信されます。成功すると、返されたデータがアラートに表示されます。

ファイル 1:

    <script>
        $(document).ready(function() {
            $('#Sel').change(function() {
                var opt = $(this).val();
                $.ajax({
                    type: "POST",
                    url: "receiving_file.php",
                    data: 'selected_opt=' + opt,
                    success:function(data){
                        alert('This was sent back: ' + data);
                    }
                });
            });
        });
    </script>

ファイル 2:受信_file.php

    $recd = $_POST['selected_opt'];
    echo 'You chose: ' . $recd;

以上が$.load() がフォーム データを送信しないのはなぜですか? 代わりに AJAX を使用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。