リロードせずに同じページのJavaScriptに変数を渡す

Question

同じページでajaxを使ってJavascript変数を渡すときに問題が発生しました。try.phpページがあり、ボタンをクリックすると、ページをリロードせずにtry.php変数..

これは私のフォームコードで、私は実際にここで

<?php 
foreach($vars as $var){ 
?> 
<form method="POST"> 
<button class="btn btn-warning btn-sm btn_edit" name="btn_edit" value="<?php echo $var['mem_id'];?>"> 
<span class="glyphicon glyphicon-pencil"></span></button> 

<?php 
} 
?> 

トラフデータベースレコードをループしていますことは、私のAjaxのコードは私のオン

$('.btn_edit').click(function(e){ 
    var uid = $(this).val() 
    $.post("try.php",{ btn_edit : uid}, 
     function(){ 
     }); 
    console.log(uid);//I could see the id logged on console 
    $('#edit_details').modal('show'); 
    e.preventDefault();//prevent the form from submitting 
}); 

です

変更1：のみの入力要素は、value属性を持つことができ、それは2つの変更が行われる必要があります

<?php if(isset($_POST['btn_edit'])){ 
     $user_id = $_POST['btn_edit']; 
    }?> 

Answer 1

正常に渡された場合try.phpページ、私がチェックするには、このコードを持っています。そして、あなたが<button>を持っているので、それはjQueryを使って捕らえることができるいくつかの他の属性と割り当てられるべきです、だからここで私はそれにdata-bind属性を使うつもりです。

<button class="btn btn-warning btn-sm btn_edit" name="btn_edit" data-bind="<?php echo $var['mem_id'];?>"> 

そして、変更2： 次のようにjQueryを使ってデータ・バインド値を取得します。

$('.btn_edit').click(function(e){ 
    var uid = $(this).attr('data-bind'); // Using attr, not val()... 
    $.post("try.php",{ btn_edit : uid}, 
     function(){ 
     }); 
    console.log(uid);//I could see the id logged on console 
    $('#edit_details').modal('show'); 
    e.preventDefault();//prevent the form from submitting 
});