我有一个简单的jsp页面,其中应显示一些英语问题及其从mysql数据库中获取的问题ID,但无需重新加载该页面。为此,我在jsp页面demo.jsp中使用了ajax,它将从另一个jsp页面fetch.jsp中获取数据。 我的问题是我没有在demo.jsp中接收任何数据。我该怎么办?
demo.jsp
\\server\share
fetch.jsp
<button onclick="fetch();">Fetch content</button>
<br/>
<table border="1px" width="500px;">
<thead>
<tr>
<th>Qid</th>
<th>Question</th>
</tr>
</thead>
<tbody id="content"></tbody>
</table>
<script>
function fetch() {
console.log("test 1");
$.ajax({
url:"fetch.jsp",
dataType:"json",
success:function(res){
console.log("test 2");
var data="";
for(i=0;i<res.length;i++){
var p=$.JSONparse(res[i]);
data+="<tr><td>"+p.qid+"</td><td>"+p.question+"</td></tr>";
}
$('#status').html("Status : Content fetched");
$('#content').html(data);
},
error:function() {
alert("error occured");
}
});
}
</script>