• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Js praca z JSON

0 głosów
70 wizyt
pytanie zadane 10 września w JavaScript, jQuery, AJAX przez michal_php Gaduła (3,630 p.)

Cześć.

Mam problem z odebranie tablicy w formacie JSON.

$.ajax({
        url: '/pl/admin/find_svhc_Substance',
        type: 'POST',
        data:{
            find:numberCas
        },
        success:function (response) {
            response.forEach(post => {;
        
                console.log(post.id1);
                listDone.value = post.id1;
                console.log(post.id2);
                lisXIV.value = post.id2;
            });

Forma JSON:

[
  {
    "id1": "871d1d3e-c118-4c34-84e6-25b504e5c88e"
  },
  {
    "id2": "b0cde5f7-d35e-4541-86bf-e03c545b9db5"
  },
  {
    "id3": "03e8d7da-56a7-4a29-9f76-883c4374e7c8"
  }
]

Problem polega na tym ,że jak chce pobrać i wyświetlić tylko wartość id1.To dostaje to w takiej kolejności:

871d1d3e-c118-4c34-84e6-25b504e5c88e
undefined
undefined

I nie za bardzo wiem jak to można uporządkować aby była tylko ta jedna wartość.

2
komentarz 10 września przez tangarr Nałogowiec (38,440 p.)

Dlaczego używasz tablicy?
Jeżeli każdy element tablicy jest inny użyj obiektu.

{
    "id1": "871d1d3e-c118-4c34-84e6-25b504e5c88e", 
    "id2": "b0cde5f7-d35e-4541-86bf-e03c545b9db5",
    "id3": "03e8d7da-56a7-4a29-9f76-883c4374e7c8"
}

Jeżeli z jakiś powodów musisz użyć tablicy to masz dwa wyjścia:
1. Używać tej samej struktury dla wszystkich obiektów

[
  {
    "id": "871d1d3e-c118-4c34-84e6-25b504e5c88e",
    "index": 1
  },
  {
    "id": "b0cde5f7-d35e-4541-86bf-e03c545b9db5",
    "index": 2
  },
  {
    "id": "03e8d7da-56a7-4a29-9f76-883c4374e7c8",
    "index": 3
  }
]

2. Dodać pole zawierające nazwę pola z indentyfikatorem

[
  {
    "id1": "871d1d3e-c118-4c34-84e6-25b504e5c88e",
    "master_id":"id1"
  },
  {
    "id2": "b0cde5f7-d35e-4541-86bf-e03c545b9db5",
    "master_id":"id2"
  },
  {
    "id3": "03e8d7da-56a7-4a29-9f76-883c4374e7c8",
    "master_id":"id3"
  }
]

 

komentarz 10 września przez michal_php Gaduła (3,630 p.)
A czy przy rozwiązaniu 1 i 2 muszę dodatkowo petlować ten obiekt czy wystarczy jedna pętla response? Bo to będzie w tedy będzie tak wyglądało

Console. log(post.index[1]) ?
komentarz 10 września przez tangarr Nałogowiec (38,440 p.)

Dlaczego upierasz się na iterowanie po tablicy?
Iterujesz tylko wtedy kiedy chcesz wykonać jakąś operację na wszystkich elementach w tablicy.
Nie znam się na jQuery, ale podejrzewam, że to będzie wyglądało mniej więcej tak:
Rozwiązanie 0:

success:function (response) {
    console.log(response["id1"])
});

Rozwiązanie 1:

success:function (response) {
    console.log(response[0].id)
});

Rozwiązanie 2:

success:function (response) {
    var field = response[0].master_id // nie wiem czy tak sie deklaruje zmienne w jQuery
    console.log(response[0][field])
});

 

komentarz 10 września przez michal_php Gaduła (3,630 p.)
Działa dziękuje za Pomoc.
komentarz 11 września przez Comandeer Mentor (462,240 p.)

@tangarr, na przyszłość proszę napisać odpowiedź jako odpowiedź, nie komentarz

PS

Jeżeli każdy element tablicy jest inny użyj obiektu.

Te dwa zapisy przecież oznaczają coś zupełnie innego. Tablica obiektów wskazuje, że mamy do czynienia z wieloma rekordami (encjami) z unikalnymi polami, podczas gdy obiekt wskazuje, że jest tylko jedna. Raczej bym wybrał normalizację formatu w tablicy niż porzucenie tablicy. 

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

0 głosów
1 odpowiedź 163 wizyt
pytanie zadane 21 października 2016 w JavaScript, jQuery, AJAX przez Sumer Nowicjusz (140 p.)
0 głosów
1 odpowiedź 268 wizyt
pytanie zadane 14 maja 2017 w JavaScript, jQuery, AJAX przez Raptowny Początkujący (440 p.)
0 głosów
1 odpowiedź 284 wizyt
pytanie zadane 21 października 2017 w JavaScript, jQuery, AJAX przez lastavenger Obywatel (1,070 p.)
Porady nie od parady
Publikując kody źródłowe korzystaj ze specjalnego bloczku koloryzującego składnię (przycisk z napisem code w edytorze). Nie zapomnij o ustawieniu odpowiedniego języka z rozwijanego menu oraz czytelnym formatowaniu kodu.Przycisk code

66,495 zapytań

113,266 odpowiedzi

239,870 komentarzy

46,633 pasjonatów

Przeglądających: 264
Pasjonatów: 4 Gości: 260

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...