[JS][JSON] Zwracane dane |
[JS][JSON] Zwracane dane |
12.10.2021, 14:38:11
Post
#1
|
|
Grupa: Zarejestrowani Postów: 4 Pomógł: 0 Dołączył: 6.10.2021 Ostrzeżenie: (0%) |
Cześć,
jak zrobić aby zwracane dane typu obiekt wyświetliły mi się w div-ie? Dokładniej co chcę zrobić: Kod 1. fetch(req) 2. .then((res) => res.json()) 3. .then((data) => { 4. console.log('Response from server'); 5. console.log(data); 6. $tmt = data; 7. document.getElementById("myData").innerHTML = $tmt; 8. }) 9. .catch(console.warn); linijka 5 ładnie mi pokazuje w konsoli: Chciałbym aby mi pokazywało to samo w divie #myData, niestety linijka 7. wpisuje tylko: Kod [object Object]
|
|
|
12.10.2021, 14:51:49
Post
#2
|
|
Grupa: Moderatorzy Postów: 36 447 Pomógł: 6292 Dołączył: 27.12.2004 |
No musisz iterowac po tym obiekcie i po kolei do diva dodawac element po elemencie.
-------------------- "Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista "Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer |
|
|
12.10.2021, 15:14:21
Post
#3
|
|
Grupa: Zarejestrowani Postów: 4 Pomógł: 0 Dołączył: 6.10.2021 Ostrzeżenie: (0%) |
Istnieje coś takiego w JS jak var_dump w PHP? bo nie za bardzo wiem jak się zabrać za:
Kod data
|
|
|
12.10.2021, 15:17:28
Post
#4
|
|
Grupa: Zarejestrowani Postów: 6 365 Pomógł: 1114 Dołączył: 30.08.2006 Ostrzeżenie: (0%) |
Przecież sam wkleiłeś dumpa.
https://developer.mozilla.org/pl/docs/Web/J...s/Array/forEach -------------------- |
|
|
12.10.2021, 15:17:31
Post
#5
|
|
Grupa: Moderatorzy Postów: 36 447 Pomógł: 6292 Dołączył: 27.12.2004 |
Jak tak bardzo ci sie nie chce to prosze:
https://stackoverflow.com/questions/749266/...dump-javascript Kod function mydump(arr,level) {
var dumped_text = ""; if(!level) level = 0; var level_padding = ""; for(var j=0;j<level+1;j++) level_padding += " "; if(typeof(arr) == 'object') { for(var item in arr) { var value = arr[item]; if(typeof(value) == 'object') { dumped_text += level_padding + "'" + item + "' ...\n"; dumped_text += mydump(value,level+1); } else { dumped_text += level_padding + "'" + item + "' => \"" + value + "\"\n"; } } } else { dumped_text = "===>"+arr+"<===("+typeof(arr)+")"; } return dumped_text; } -------------------- "Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista "Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer |
|
|
14.10.2021, 14:58:46
Post
#6
|
|
Grupa: Zarejestrowani Postów: 4 Pomógł: 0 Dołączył: 6.10.2021 Ostrzeżenie: (0%) |
Wielkie dzięki, funkcja mydump zadziałała.
Trafiłem na kolejną ścianę. Wszystko działa pięknie do puki nie mam nulli. Przykład: W konsoli wyświetla się: Kod 0: Object { ID_Dostawcy: 1, Nazwa: null, adres: "ul. alamakota 37" } Funkcja mydump pomija pole z null przez co mi się wszystko rozjeżdża. Jak zrobić aby wyświetlało z nullami? |
|
|
14.10.2021, 15:42:13
Post
#7
|
|
Grupa: Moderatorzy Postów: 36 447 Pomógł: 6292 Dołączył: 27.12.2004 |
funckja mydump nie pomija nulli. Poprostu NULl dodany do tekstu to NIC i tyle.
Jak chcesz miec tam balwanka zamiast NIC, to dodaj IF value === nulll then balwanek -------------------- "Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista "Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer |
|
|
15.10.2021, 09:00:37
Post
#8
|
|
Grupa: Zarejestrowani Postów: 4 Pomógł: 0 Dołączył: 6.10.2021 Ostrzeżenie: (0%) |
Kod for(const item in arr) { var value = arr[item]; if(value === null) { dumped_text += "<td>"; dumped_text += "balwanek"; dumped_text += "</td>"; }else if (typeof(value) == 'object') { dumped_text += mydump(value,level+1); }else{ dumped_text += "<td>"; dumped_text += value; dumped_text += "</td>"; } } Zadziałało, dziękuję bardzo. |
|
|
Wersja Lo-Fi | Aktualny czas: 20.04.2024 - 04:51 |