Witam,
Dopiero zacząłem zabawę z jQuery, proszę o wyrozumiałość...
Korzystam z popularnego tutoriala jQuery
i stanąłem w miejscu tworzenia JSON. Rozumiem już, że JSON ma być stworzony w katalogu api/orders. Zrobiłem tak... i niestety nie działa mi to jak na filmie i zupełnie nie rozumiem dlaczego, ponieważ jest jakoś okrężnie powiedziane. Mam więc pliki porobione i coś jest w nich nie tak. Konsola przeglądarki nie pokazuje mi żeby widziała json, daje za to błąd Uncaught SyntaxError: Unexpected identifier... Może ktoś bardziej oblatany w temacie może mi pomóc i powiedzieć jak to ugryźć?
index.html:
<!DOCTYPE>
<html>
<head>
<title>jQuery AJAX</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-1.12.1.min.js"></script>
</head>
<body>
<h1>jQuery AJAX</h1>
<h2>Coffee Orders</h2>
<ul id="orders">
</ul>
<h4>Add a Coffee Order</h4>
<p>name: <input type="text" id="name"></p>
<p>drink: <input type="text" id="drink"></p>
<button id="add-order">Add!</button>
<script type="text/javascript" src="main.js"></script>
</body>
</html>
main.js:
$(function(){
$.ajax({
type: 'GET',
url: '/api/orders'
success: function(data){
console.log('success', data);
}
});
});
api/orders/orders.json:
[
{
id: 1,
name: 'James',
drink: 'Coffee'
},
{
id: 2,
name: 'James',
drink: 'Latte'
},
]