Сообщение AJAX не работает, но я получаю 200 OK

Question

Я не могу получить значение post в своем PHP-файле. Вот мой код:

HTML запрос

<div class="add_to_cart"> 
    <input class="product_id" name="product_id" value="989" type="hidden"> 
    <input class="cart_btn" type="submit" name="add" value="Προσθήκη στο καλάθι"> 
</div> 

AJAX

<script> 
    $(document).ready(function(){ 
    $(".cart_btn").click(function(){ 
    var id=$(".product_id").val(); 
    var dataString = 'id='+ id; 
    $.ajax({ 
     type: "POST", 
     url: "ajax/add_to_cart.php", 
     data: dataString, 
     cache: false, 

     }); 

    }); 
}); 
</script> 

add_to_cart.php

<?php 


     $test = $_POST['id']; 
     echo $test; 

?> 

I г эт следующая ошибка

Примечание: Undefined индекс: идентификатор в K: \ Xampp

Answer 1

Я считаю, что .cart-btn, что, вероятно, <a/> или <button/>, вернется undefined при вызове .val() на нем, так как это не вход.

Попробуйте жестко кодировать эту строку для начала; var id = "testing purposes".

Если это работает, вы можете поместить идентификатор продукта в атрибуте данных вместо:

<a class="cart_btn" data-product-id="2">Add to cart</a> 

.. и доступ к нему, как это: var id = $(this).data('product-id');

Answer 2

Попробуйте просто с помощью метода JQuery $ .post

<script> 
    $(document).ready(function(){ 
     $(".cart_btn").click(function(e){ 
     e.preventDefault(); 
     //var product_id=$(this).val(); // Button value "Προσθήκη στο καλάθι" 
     var product_id = $('.product_id').val(); // Hiddent input value "989" 
     $.post("ajax/add_to_cart.php", { id: product_id}, function(resp){ 

     }); 
    }) 
}); 
</script>