Ajaxポストが動作していないJquery

Question

シンプルなゲームを作ろうとしていますが、jQueryではあまりよくありません。

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#deposit').click(function(){  
     $.ajax({ 
      type: 'POST', 
      url: 'update.php', 
      dataType: 'json', 
      data: { 
       Money : $('#input_money').val() 
      }, 
      success: function(data){ 
       $('#display').html(data.value); 
      } 
     }); 
    }); 
}); 
</script> 

そしてディスプレイはこれです：私が持っているコードは、バックエンドのために

<input id="input_money" name="input_money" type="text" size="40"><br><br> 
<button id="deposit">Deposit Money</button> 
<div id="display"></div> 

、私はこれを使用しています：

if(isset($_POST['Money'])){ 
    $value = $_POST['Money']; 
} else { 
    $value = ""; 
} 
echo json_encode(array("value"=>$value)); 

誰も私を助けることはできますか？メインページに表示された後に$valueをデータベースに追加する予定です。それはうまく動作しますthis link

：

おかげ

Answer 1

私はでそれを見つけ、私のSERVでこれを解雇しました。 あなたのソースと同じように、ソースを強調します。

<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
    $('#deposit').click(function(){  
    $.ajax({ 
      type: 'POST', 
      url: 'update.php', 
      dataType: 'json', 
      data: { 
       Money : $('#input_money').val() 
      }, 
      success: function(data){ 
       $('#display').html(data.value); 
      } 
     }); 
    }); 
}); 
    </script> 


<input id="input_money" name="input_money" type="text" size="40"><br><br> 
<button id="deposit" type="button">Deposit Money</button> 

<div id="display"></div> 

希望するとうまくいきます。 よろしくお願いします。 ジョナス

Answer 2

これを試してください（テストされておらず、Jsonではなく、まっすぐに動作するはずです）。

HTML：

<form method="post" action="" id="myform"> 
<p><input id="input_money" name="input_money" type="text" size="40"></p> 
<button id="deposit" type="submit" name="deposit">Deposit Money</button> 
</form> 

<div id="display"></div> 

JS：

<script type="text/javascript"> 
     $(document).ready(function() 
     { 
     $('#myform').submit(function() 
     { 
     var dataString = $(this).serialize(); 
     $.ajax({ 
      type: 'POST', 
      url: 'update.php', 
      data: dataString, 
      success: function(response){ 

       $('#display').html(response); 
      }, 
      error: function(){ 
      alert('There was an error in AJAX call!'); 
      } 
     }); 
     return false; 
     }); 
    }); 
</script> 

はPHP：

echo isset($_POST['input_money']) ? htmlentities($_POST['input_money']) : 'no value';