ajaxを使用して要素idデータを送信できません

Question

idデータをajax経由で送信しようとしていますが、私は常に未定義の変数エラーが発生します。 ajaxはフォームデータで正常に動作しますが、id値を取得しようとするとこの問題が発生します。

PHP/HTMLコード

<ul class="sub-menu"> 
    <?php 
     $get_cats = retrieve_cat(); 
     while($cat_rows = mysqli_fetch_array($get_cats)){ 

      $id = $cat_rows['category_id']; 
      $title = $cat_rows['category_name']; 
      echo "<li><a herf='post_category.php' class='abc' data-id='$id' id='$id' data-target='post_category'> $title </a></li>"; 
     } 
    ?> 
</ul> 

はJQuery：

$(".abc").click(function() { 
    var id = $(this).attr("id");   
    edit_data(id); 

    function edit_data(id) 
    { 
    $.ajax({ 
     url:"post_category.php", 
     method:"POST", 
     data:{id:id}, 
     dataType:"text", 
     success:function(data){ 
      alert(data); 
     } 
    }); 
    } 
}); 

そしてpost_category.phpページはちょうどそれをテストするために値をエコーし​​ます

echo $_POST['id'];  

私はこれを得る問題エラー私が言ったように：未定義のインデックス：Cのid：\ xamppの\ htdocsに\ UNV \ post_category.phpライン

にしかし、成功機能

お知らせ

私は正しい値を得ます。私はどこに問題があるのか​​分からない！

これは、より詳細な説明

http://store2.up-00.com/2016-05/1464026786681.png

Answer 1

ための絵だあなたの問題は、与えられたコードの下でこれを変更するmethod:"POStT"です。

method:"POST" 

ここでは誤植です。実際にはメソッド名はポストです。

Answer 2

タイプミスがありました。私はコードの一部を書き直しました。あなたはこれを試すことができます。

<script> 
    $(document).on('click', '.abc', function(){ 
     var id = $(this).data('id'); 
     edit_data(id); 
     function edit_data(id) { 
      $.ajax({ 
       url:"post_category.php", 
       method:"POST", 
       data:{id:id}, 
       dataType:"text", 
       success:function(data){ 
        alert(data); 
       } 
      }); 
     } 
    }); 
</script> 

Answer 3

ます。詳細については

へ

method:"POST", 

type: "POST", 

を変更してくださいすることができ、あなたのページでpost_category.phpを含めているので、このLink

Answer 4

をチェックそれで、それがidをエコーし​​ようとしますここにあなたが代わりにpost_category.phpページを含むのスパンを追加する必要がありますので、IDはクリックするだけの後に利用できるようになりますので：

<span id="my-id-here"></span> 

そして、成功コールバックにそれにidを追加します。

.... 
success:function(data){ 
    $('#my-id-here').append(data); 
} 

は、この情報がお役に立てば幸いです。