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

我在我的服务上解雇了它，在this link

找到它

它运作得很好。继承源，就像你的一样。

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

Jquery与Ajax帖子无法正常工作

2 个答案: