次のような JSP ページがあります。データベースの値に基づいてラベル「lblscore」を 5000 ミリ秒間隔で迅速に更新したいと考えています。
<script type="text/javascript">
$(document).ready(function(){
setInterval(function() {
$.ajax({
url:'TimerAjax?userid='+document.getElementById("uid").value,
type:'post',
dataType: 'json',
success: function(data) {
$('#lblscore').val(data.score);
}
});
}, 5000);
});
</script>
<div class="bodycontent">
<table>
<tr>
<td>Current Score</td><td><label id="lblscore"></label></td>
</tr>
</table>
</div>
私のサーブレットは次のようなものです、
response.setContentType("text/html;charset=UTF-8");
PrintWriter out = response.getWriter();
try {
ResultSet rs = db.selectQuery("select * from tbl_score where userid = '2'");
JSONObject json = new JSONObject();
while (rs.next()) {
json.put("score", rs.getString("currentscore"));
}
out.print(json);
} catch (Exception e) {
e.printStackTrace();
}
しかし、ラベルが更新されることはありません。ここで誰かが私の間違いを提案または修正できますか?