0

私は単純なゲームを作ろうとしていますが、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メインページに表示されたら、データベースに追加する予定です。

ありがとう

4

2 に答える 2

1

私は自分のサーブでこれを起動しました。次の場所にあります：このリンク

それはうまく動作します。あなたと同じように、ソースはこちらです。

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

うまくいくことを願っています。敬具ジョナス

于 2011-10-12T20:20:05.293 に答える
0

これを試してください（テストされておらず、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';
于 2011-10-12T20:24:52.783 に答える