Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JS][JSON] Zwracane dane
Rimoraj
post 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]
Go to the top of the page
+Quote Post
nospor
post 12.10.2021, 14:51:49
Post #2





Grupa: Moderatorzy
Postów: 36 446
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

Go to the top of the page
+Quote Post
Rimoraj
post 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
Go to the top of the page
+Quote Post
viking
post 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


--------------------
Go to the top of the page
+Quote Post
nospor
post 12.10.2021, 15:17:31
Post #5





Grupa: Moderatorzy
Postów: 36 446
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

Go to the top of the page
+Quote Post
Rimoraj
post 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?
Go to the top of the page
+Quote Post
nospor
post 14.10.2021, 15:42:13
Post #7





Grupa: Moderatorzy
Postów: 36 446
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 smile.gif


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
Rimoraj
post 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.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 19.04.2024 - 11:21