請問如何將php值更新於html的div內?

<!doctype html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<style type="text/css">
#result{
width:50px;
height:50px;
border:solid 1px;
}
</style>
<script type="text/javascript" src="../jquery-1.11.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#button").click(function(){
var atkVal = $("#atk").val();
$.ajax({
type:"POST",
url:"index.php",
datatype:"html",
data:{
atk:atkVal
},
error:function(){
alert("error");
},
success:function(data){
$("#result").html($(data).find("data").text());
}
});
});
});
</script>
</head>
<body>
<div id="result"></div>
<input type="hidden" id="atk" value="1"/>
<button id="button">Click</button>
</body>
</html>

評論

  • ...所以具體問題是?
    因為你的作法看起來沒什麼錯啊
    比較有問題的應該是在你的 data 那一段
    $("#result").html($(data).find("data").text());
    
    你可以 console.log( data ); 看看你回傳的資料是什麼,
    在考慮要用什麼方式去處理 Ajax 回來的 data
Sign In or Register to comment.