Jquery 与 Ajax post 不起作用

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 显示在主页上后将其添加到数据库中。

谢谢

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

希望你能让它发挥作用。
此致
乔纳斯

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