2012-12-07 54 views
-3

我在jquery和ajax中編寫了一個代碼作爲study.But的例子,但它不工作。這是代碼。jquery ajax代碼不起作用

jQuery的

$(document).ready(function() {  
    $("#ra").click(function(){ 
     var value=145; 
     $.ajax({ 
      url: "ajax.php", 
      type: "POST", 
      data: ({name: value}), 
      success: function(data){ 
      $("#raaagh").html(data); 
      } 
     });   
    }); 
}); 

PHP

<?php 
    $score = "1";  
    $userAnswer = $_POST['name'];  
    if ($_POST['name'] == "145"){ 
     $score++; 
    }  
    echo $score;  
?> 

HTML

<button id="ra">Ajax Away</button> 
<div id="raaagh"></div> 
+0

它的HTML部分是<按鈕ID =「ra」> Ajax Away

user1885150

+5

*它不工作*很難分析。請詳細說明您的問題。 – jAndy

+0

什麼不工作? ajax電話是否工作?點擊是否被解僱? –

回答

-1

試試這個:

回聲json_encode($分);

+1

json_encode是一個很好的功能,但不是一個單一的數字? – adeneo

+0

如何在數據中傳遞多個參數? – user1885150

2

這裏是工作的代碼..我想你錯過了包括JQuery

html.php:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(e) { 
    $("#ra").click(function(){ 
     var value=145; 
     $.ajax({ 
      type: "POST", 
      url: "ajax.php", 
      data: ({name: value}), //you can POST multiple parameters 
      //data: ({name: value, email:value, phone: value}), 
      success: function(data){ 
       $("#raaagh").html(data); 
      } 
     });   
    }); 
}); 
</script> 
</head> 
<body> 
    <button id="ra">Ajax Away</button> 
    <div id="raaagh"></div> 
</body> 
</html> 

ajax.php:

<?php 
    $score = 1; 
    $userAnswer = $_POST['name'];  
    if ($_POST['name'] == "145"){ 
     $score++; 
    }  
    echo $score;  
?> 
+0

如何在數據中傳遞多個參數: – user1885150

+0

@ user1885150 - 檢查出來。我編輯了我的答案傳遞多個參數。 –