Каков правильный или лучший способ получить данные из 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); 
      } 
    }); 
}); 

Я хочу, чтобы получить значение 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); 
} 

также некоторые исправления в ЯШ:

$('#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

В index.php Получить значение prdName от $ _POST [] глобальный массив. для передачи данных в файле index.php добавить их тип: 'POST' в Ajax код

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

или вы можете использовать $ .post() в JQuery

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

в index.php

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

Answer 4

Вы должны отправить данные, как:

data: {prdName: pName},