JQuery與Ajax後不工作

我想做一個簡單的遊戲，我不是很擅長jQuery。我的代碼是：JQuery與Ajax後不工作

<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後將其添加到數據庫中。

感謝

來源

2011-10-12 Devyn

，是你面對什麼問題？你會得到什麼錯誤？ – deviousdodo

你好，歡迎來到StackOverflow。請描述您遇到的實際問題，以便我們可以嘗試引導您走上正確的道路 – Herr

您是否在本地運行此操作？ –

我解僱這對我SERV，在找到它：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>

希望你能得到它的工作。致以問候喬納斯

來源

2011-10-12 20:20:05

不正確。他是json編碼值。所以data.value會給你回值。 $ .post只是$ .ajax的一個快捷方式，'type'屬性傳入'POST'。 –

Ay。 Dident在upload.php文件中查看Json部分。我的不好，那部分現在被編輯了。 –

將其從ajax更改爲發佈不會做任何不同的事情，因爲它更多的是對通話的整體更改。他們都做同樣的事情。 – scrappedcola

試試這個（未經測試，沒有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-12 20:24:52

JQuery與Ajax後不工作

回答

相關問題