從ajax獲取數據的正確或最佳方法是什么？

Question

我的ajax有此javascript代碼。

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

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

我想獲取pName的值，該值將在我的PHP中返回。 這是我在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);
        }
    });
});

Answer 2

if(isset($_GET['prdName'])){
 $prodName = $_GET['prdName'];
    echo $prodName;
}

Answer 3

您應該將數據發送為：

data: {prdName: pName},

Answer 4

在index.php中，從$ _POST []全局數組獲取prdName值。 將數據發送到index.php文件，在ajax代碼中添加類型：“ POST”

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

或者您可以在jQuery中使用$ .post（）方法

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

在index.php中

if(isset($_POST['prdName']){
  $prodName = $_POST['prdName'];
  echo $prodName;
}