AJAXポストは機能しませんが、200 OKを取得します

Question

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グラムら次のエラー

お知らせ：未定義のインデックス：Kのid：私はそれに.val()を呼び出すときに、おそらく<a/>または<button/>ある.cart-btnが、以来、undefinedを返すと考えている\ XAMPP

Answer 1

それは入力ではありません。

代わりにその文字列をハードコードしてみてください。 var id = "testing purposes"。

それが動作する場合、あなたが代わりにデータ属性にプロダクトIDを置くことができます。

<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>