Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typo3/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从ajax脚本显示表格和地图_Javascript_Java_Jquery_Ajax_Jsp - Fatal编程技术网

Javascript 从ajax脚本显示表格和地图

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

我有一个jsp页面,在带有标记的地图和带有列的表格中显示最近的快餐:

<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链接(您可以提供虚拟数据)以便人们可以帮助您解决问题。