AJAX、PHP、MySQLを使用して 'hidden-fields'の値を保存し、ボタンのテキストを 'Join'に変更する方法

Question

私は小さな電子メール購読システムで取り組んでいます。私はフォームを作成し、それぞれ 'uid'と 'gid'という2つの非表示フィールドを追加しました。 'uid' hiddenフィールドは現在ログインしているユーザーの値を含み、gidはユーザーが望む電子メールコンテンツのIDを含みます。しかし、私はAJAX呼び出しの後にデータを保存し、ボタンのテキストを変更するという問題に直面しています。コードで私を助けてください。私はAJAXの新機能ですので、各行にコメントすることができれば助かります。

問題：[1]データがtest.phpに渡されていません。[2]ボタンのテキストを変更したいです。Join to Joined。しかし、私はそれ

<script language="javascript" type="text/javascript"> 
    function save_details() 
    { 
     var uid = $("#uid").val(data); 
     var gid = $("#gid").val(data); 
      var dataString = 'uid='+ uid + '&gid=' + gid + '&page=choose'; 
      $.ajax({ 
       type: "POST", 
       url: "ajax/test.php", 
       data: dataString, 
       cache: false, 
       beforeSend: function() 
       { 
        $("#signup_status").html('<h5><img src="assets/img/loading.gif"> Please wait...</h5>'); 
       }, 
       success: function(response) 
       { 
        $("#signup_status").hide().fadeIn('slow').html(response); 
       } 
      }); 
     } 
    } 
</script> 

HTMLコードを行う方法がわからない：

<div align="center" id="signup_status"></div> 
<input type="hidden" name="uid" id="uid" value="<?php echo $get;?>"> 
<input type="hidden" name="gid" id="gid" value="1234569877896541235"> 
<button class="btn btn-sm btn-success" onClick="save_details();">Join</button> 

が私を助けてください！ありがとうございました。あなたのjqueryので

Answer 1

、あなたは何か間違ったことがありますに

<button class="btn btn-sm btn-success" onClick="save_details();">Join</button> 

：

<script language="javascript" type="text/javascript"> 
function save_details(e) 
{ 
    e.preventDefault(); 
    var uid = $("#uid").val();//without data 
    var gid = $("#gid").val();//without data 

し、必要な場合に あなたは成功でこれを追加する必要があります

を参加：

success: function(response) { 
    $('.btn').html('Joined').attr('onClick', '');//better with id 
    $("#signup_status").hide().fadeIn('slow').html(response); 
    } 

「は、あなたがよ "" 保存し、このようにしてみて、あなたのPHP AJAX/test.phpを中：あなたは$の価値を持っていることを確認します

$uid = $_POST['uid']; 
$gid = $_POST['gid']; 

です???