jQuery, Ajax - budowa JSON

0

Witam,

Dopiero zacząłem zabawę z jQuery, proszę o wyrozumiałość...

Korzystam z popularnego tutoriala jQuery
https://www.youtube.com/watch[...]&list=PLoYCgNOIyGABdI2V8ISWo22tFpgh2s6&index=7
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'
    },
]
0

Geez, nie wstawia się na forum błedów parsera jak nie chcesz się ośmieszyć (nawet nie raczyłes go całego przytoczyć). Na szybko: nie daje się przecinka po ostatnim elemencie tablicy (orders.json).

0

zainstalowałem parser JSON i dopiero taka modyfikacja okazała się dobra:

[
    {
        "id": 1,
        "name": "James",
        "drink": "Coffee"
    },
    {
        "id": 2,
        "name": "James",
        "drink": "Latte"
    }
]

Dlaczego w związku z tym w kursie tym nie zostały użyte apostrofy a jednak działa?

0

Już mam, apostrofy to raz. Dwa, że nie dałem rozszerzenia .json i nie zwrócił mi tablicy. Teraz już wszystko jasne. Dzięki za pomoc :)

0

Rozszerzenie tylko pośrednio ma znaczenie. Chodzi bardziej o nagłówki HTTP idące z serwera. Widocznie w twojej konfiguracji serwer ustala odpowiedni nagłówek bazując po rozszerzeniu.

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0