Javascript 从ajax脚本显示表格和地图
我有一个jsp页面,在带有标记的地图和带有列的表格中显示最近的快餐:Javascript 从ajax脚本显示表格和地图,javascript,java,jquery,ajax,jsp,Javascript,Java,Jquery,Ajax,Jsp,我有一个jsp页面,在带有标记的地图和带有列的表格中显示最近的快餐: <table id="fastfood"> <tr> <th>Id</th> <th>Name</th> <th>Address</th> </tr> 身份证件 名称 地址 我想通过ajax显示它们,但我不知道如何准确地显示它们,也不知道如何在数据中写入内容。ajax文件通过url
<table id="fastfood">
<tr>
<th>Id</th>
<th>Name</th>
<th>Address</th>
</tr>
身份证件
名称
地址
我想通过ajax显示它们,但我不知道如何准确地显示它们,也不知道如何在数据中写入内容。ajax文件通过url与servlet连接,该url以json形式返回最近的快餐(Id、名称、地址)列表。我的ajax代码是:
$.ajax({
url: 'PostFastFoodAjax.java',
type: 'json',
data: {
latitude: pos[0], //The coordinates of the place which I am right now
longitude: pos[1],
},
success: function(data, textStatus, jqXHR){
drawTable(data);
drawMap(data);
}
});
function drawTable(data){
for (var i=0; i<data.length; i++){
drawRow(data[i]);
}
}
function drawRow(rowData) {
var row = $("<tr />")
$("#fastfood").append(row);
row.append($("<td>" + rowData.id + "</td>"));
row.append($("<td>" + rowData.name + "</td>"));
row.append($("<td>" + rowData.address + "</td>"));
}
$.ajax({
url:'PostFastFoodAjax.java',
键入:“json”,
数据:{
纬度:pos[0],//我现在所在位置的坐标
经度:位置[1],
},
成功:函数(数据、文本状态、jqXHR){
图纸(数据);
绘图(数据);
}
});
函数绘图表(数据){
对于(var i=0;代码很好。您遇到了什么问题?console.log(data)
在$ajax.success
中,然后查看一下您的开发工具控制台。您可能只需要输入一两个对象就可以得到您想要渲染的内容。例如,data.restaurants
。请至少添加JSFIDLE链接(您可以提供虚拟数据)以便人们可以帮助您解决问题。