Olá
Boa tarde!
Estou executando um ws e retornarndo um json com as seguintes colunas: ID, DESCRICAO, conforme retorna no browse, porem no javascript abaixo me da a seguinte mensagem de erro: can’t parse, alguem poderia me dizer o que estou fazendo de errado ?
O Que deveria retornar seria isso:
[{"id":1668,"descricao":"Base Mesa Atlas 1,20 - Mobillare"},
{"id":1581,"descricao":"Conjunto de Mesa 0,92 com 4 Cadeiras Paris - Fritz Amendoa/preto"},
{"id":1580,"descricao":"Conjunto de Mesa 0,92 com 4 Cadeiras Paris - Fritz Branco/preto"},
{"id":1579,"descricao":"Conjunto de Mesa 0,92 com 4 Cadeiras Paris - Fritz Gris/preto"},
{"id":1577,"descricao":"Conjunto de Mesa 1,15 com 4 Cadeiras Mille - Fritz Branco/preto"},
{"id":1576,"descricao":"Conjunto de Mesa 1,15 com 4 Cadeiras Mille - Fritz Tabaco/branco"},
{"id":1552,"descricao":"Mesa de Centro Astra - Artely"},
{"id":1557,"descricao":"Mesa de Centro Dunas Tamburato - Artely"},
{"id":1555,"descricao":"Mesa de Centro Vitrum II - Artely Branco"},
{"id":1554,"descricao":"Mesa de Centro Vitrum II - Artely Capuccino"}
]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>My Table</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/dataTables.bootstrap.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/datatables.bootstrap.min.js"></script>
</head>
<body>
<p><br/> </p>
<div class="container">
<h1>Data Tables</h1>
<table class="table table-striped table-borderd table-hover" id="mydata">
<thead>
<tr>
<th>ID</th>
<th>Descrição</th>
</tr>
<thead>
<tfoot>
<tr>
<th>ID</th>
<th>Descrição</th>
</tr>
</tfoot>
<tr><td>1</td><td>mesa1</td></tr>
</table>
</div>
<script>
$.ajax({
type: "GET",
url: "http://localhost:8080/teste/rest/produto/buscaProduto?produto=mesa",
data: "",
success: function(data){
$.each (data, function (bb) {
alert('ola:' +data[bb].id + ' - '+ data[bb].descricao );
});
},
error: function(e){
alert('Error121212: ' + e);
}
});
$('#mydata').dataTable();
</script>
</body>
</html>
</>