php - HTML JQuery AJAX PHPでページを更新しない方法は?

Question

Javascript/AJAX を使用して、選択したラジオ ボタンの値を PHP セッション変数に取得しようとしています。ページの更新以外はすべて機能します。ページを更新しない方法はありますか?

HTML:

<input type="radio" name="shipping_method" value="Standard"> Standard<br>
<input type="radio" name="shipping_method" value="2-day"> 2-Day Air&#42<br>
<input type="radio" name="shipping_method" value="Overnight"> Overnight<br>

Javascript/AJAX (一部のアラートはコメント化されています):

<script>
$(document).ready(function() {
    $("input[name=shipping_method]").on('change', function(){
         var shipping_method  = $('input:radio[name=shipping_method]:checked').val();
/*                          alert (shipping_method); */
    $.ajax ({
        type: "GET",
        url: ajax/shipping_method.php?shipping_method="+shipping_method,
            success : function(data){
/*                      alert(data);   */      
        },
                    error : function(XMLHttpRequest, textStatus, errorThrown) {
                    alert("problem: " + errorThrown);
            } 
    });
    });
});

shipping_method.php:

<?php session_start(); ?>
<?php
        $shipping_method = $_GET['shipping_method'];
        $_SESSION['shipping_method'] = $shipping_method;
?>

Answer 1

原因は不明ですが、デフォルトのアクションを回避してみてください。コードの一部を次のように変更します。

$("input[name=shipping_method]").on('change', function(e){
e.preventDefault();

Answer 2

event.preventDefault() の使用; 問題を解決する必要があります。