javascript - ajaxからデータを取得する適切または最良の方法は何ですか?

Question

私はこのjavascriptコードを持っていますajax。

$('#btnCart').click(function() {
    var pName = document.getElementById('prodName').value;

    $.ajax({
        url: 'index.php',
        data: 'prdName='+pName,
        success: function(data) {
            $('#prod').html(data);
            }
    });
});

pNamePHPで返される値を取得したい。ここに私のコードがありますindex.php：

<?php 
    $prodName = $_GET['prdName'];
    echo $prodName;

 ?>

しかし、それは戻りますUnidentified index: prdName。

ajaxからphpに値を取得するにはどうすればよいですか? 助けてください...

Answer 1

これを PHP コードに追加します。

if(!empty($_GET['prdName'])){
  $prodName = $_GET['prdName'];
  echo cartTable($prodName);
}

また、js のいくつかの修正:

$('#btnCart').click(function() {
    var pName = $('#prodName').val();
    $.ajax({
        url: 'index.php',
        data: {prdName:pName},
        success: function(data) {
          $('#prod').html(data);
        }
    });
});