Jak odróżnić od siebie dwie takie same nazwy w stringu?

Question

Witajcie,

mam dwa różne obiekty o takiej samej nazwie w parametrze i

"properties": {
                        "name": "Auto",
                     }

dla odróżnienia ich dodałem do nazwy jednego z nich kropkę czyli

"properties": {
                        "name": "Auto.",
                     }

Czy jest możliwość użycia jakichś znaków w tym stringu, które będą niewidoczne już potem na stronie?

Teraz wyświetla mi się Auto i Auto. 

Nie wygląda to jednak profesjonalnie.

 

UAKTUALNIENIE postu o kod, który używa właściwości name 

function changeContent() {	
				fetch("moja strona www/update.php?content=" + $("#txtEditor").Editor("getText") + "&bizName=Auto")
				  console.log($("#txtEditor").Editor("getText"))
				  }

 

Comments

Chcesz dodawać do propertisa znak, który będzie niewidoczny w HTML tylko po to, aby odróżnić te 2 obiekty? To nie lepiej dać im po dodatkowym propertisie pozwalającym na rozróżnienie tych obiektów?

---

To brzmi rozsądnie. To jak to zrobic? Tyle, ze musze potem uzyc ich nazw w kodzie. Nie mam juz odpalonego kompa ale to jest cos takiego  #bizName "Auto" a w drugim #bizName "Auto."

---

musze potem uzyc ich nazw w kodzie

W kodzie HTML? To, jak zasugerował @niezalogowany, identyfikuj obiekty wg np. property o nazwie id, a wyświetlaj w HTML inne propertisy obiektów.

Czy jest jakieś dodatkowe kryterium budowy tych obiektów, o którym nie wspomniałeś, a które koliduje z dodawaniem propertisów o unikalnej wartości (celem identyfikacji tych obiektów)?

---

Oprocz name mam jeszcze właściwości address i phone. Tylko to name musi byc takie same i stwarza problem. Czyli dodac to id a potem wywolac cos w stylu #bizName "Auto" + #bizId "1"  ?

Jutro dorzuce kod wywolujacy.

---

wywolac cos w stylu #bizName "Auto" + #bizId "1"

Czym jest ten zapis? Wygląda jak selector CSS, ale nie jest prawidłowy. Co chcesz tym zapisem osiągnąć?

---

Napisze Ci jutro do południa kod. Zapewne wyjasni wiecej i latwiej bedzie nam sie porozumiec.

---

@JSHolic, Witaj, uaktualniłem główny post. Zerknij proszę.

---

(Sformatowałem trochę kod, żeby lepiej się czytało.) 

const editorText = $("#txtEditor").Editor("getText");

fetch(
  "moja strona www/update.php?content=" + 
  editorText + 
  <strong>"&bizName=Auto"</strong>
);
console.log(editorText);

Ten fetch ma wysłać request pod URL, który zawiera tag HTML (swoją drogą to nie jest poprawny składniowo czysty JavaScript)? Czym jest to "&bizName=Auto"? Wygląda na dodatkowy parametr do zapytania, tylko dlaczego on jest zawinięty w tagi HTML?

Czy chcesz w parametrze bizName przekazać identyfikator obiektu? Po co to opakowywać w HTML?

---

Ten <stron> dodałem tutaj na forum żeby wytłuścić bardziej miejsce użycia. :) Nie bierz proszę tego pod uwagę. Tak, w parametrze "&bizName=Auto" chcę przekazać identyfikator obiektu. Muszę użyć takich samych nazw ale żeby czymś się różniły dodałem do jednej kropkę. Teraz kombinuję coś w stylu:

 "properties": {
                        "name": "X",
                        "id": "Numer1"
                      }

i potem próbuję dodać ten "id": "Numer1" do tego kodu, ale nie działa:

function changeContent() {	
				fetch("moja strona www/update.php?content=" + $("#txtEditor").Editor("getText") + "&bizName=Auto" + "&bizId=Numer1")
				  console.log($("#txtEditor").Editor("getText"))
				  }

 

---

Rozumiem, że chcesz grupować obiekty po jakimś wspólnym propertisie i jednocześnie chcesz je indywidualnie odróżniać. Więc wg mnie wysłanie w requeście parametrów "&bizName=Auto" + "&bizId=Numer1" jest ok. 

potem próbuję dodać ten "id": "Numer1" do tego kodu, ale nie działa

Co konkretnie nie działa (są jakieś błędy w konsoli)? :) Początek URLa - "moja strona www" - nie jest prawidłowy (chyba, że to dopisałeś tylko poglądowo dla nas).

Czy $("#txtEditor").Editor("getText"), dodawane do parametrów requesta, zwraca prawidłową wartość?

---

"&bizName=Auto" + "&bizId=Numer1"  - zmieniłem na taką wersję ale gdy dodaje tekst w obiekcie Numer1, to wciąż pojawia się on również w tym drugim obiekcie bez id.

---

O jakim dodawaniu tekstu w obiekcie mówisz? Może prościej będzie jeśli pokażesz strukturę obu obiektów przed dodawaniem tekstu i po, oraz kod tego dodawania.

Jeśli modyfikujesz (mutujesz) jeden obiekt i ta zmiana jest widoczna w drugim obiekcie, to znaczy że operujesz na referencji do jednego obiektu (przypisałeś obiekt z jednej zmiennej do innej zmiennej).

---

Mam dwa obiekty tego typu:

{
                    "properties": {
                        "name": "AutoKomis",
                        "id": "Numer1",
                        "category": "cars",
                        "address": "Piastowska 4",
                        "content": ""
                    }

{
                    "properties": {
                        "name": "AutoKomis",
                        "category": "cars",
                        "address": "Wojska Polskiego 12",
                        "content": ""
                    }

I gdy dodaje tekst do content obiektu pierwszego używając tej funkcji changeContent, to tekst pojawia się w dwóch tych obiektach zamiast tylko w tym o "id=Numer1".

Natomiast jeśli wyrzucę właściwość id i tylko zmienię nazwę pierwszego dodając kropkę czyli " AutoKomis." to wszystko działa. Tyle, że nie chcę zmieniać nazwy. 

Chyba, że są jakieś niewidzialne znaki, które można dodać do stringa w kodzie (w name), a nie będą widzialne w przeglądarce.

---

Funkcja changeContent, w formie którą pokazałeś, jedynie wysyła request i nie widać, żeby cokolwiek zmieniała w obiekcie. Więc nie rozumiem o jakie dodanie tekstu do obiektu chodzi. Jeśli zmiana zachodzi w dwóch obiektach, bo mają property name o tej samej wartości, a dopisanie id do parametrów requesta nic nie zmienia, to znaczy że funkcja/serwis przy zmianie bierze pod uwagę parametr name a nie id - tym bardziej, że piszesz że bez id, a ze zmienionym name, zamiana zachodzi w jednym obiekcie.

Prosiłem żebyś pokazał strukturę tych obiektów przed tą całą operacją i po - a pokazałeś po prostu te dwa obiekty. Nie pokazałeś też kodu, który zmienia coś w tych obiektach. Jak już wspomniałem, funkcja changeContent jedynie wysyła request - nie widać tam logiki, która by zmieniała cokolwiek na stronie, czy w strukturze danych aplikacji. Nie wyjaśniłeś też co robi wysłany request ani jakie dane zwraca.

Nie potrafię Ci pomóc, bo nadal nie do końca rozumiem o co chodzi i nie widzę w kodzie, który pokazujesz logiki, o której mówisz.

---

Ja bardzo chętnie podam Ci więcej kodu żebyś pomógł mi rozwiązać ten problem, ale nawet nie wiem co tu jeszcze wysłać. Przeglądam go ale chyba jedynym problemem jest to, że gdzieś musi być ustawione branie pod uwagę TYLKO właściwości name, ale gdzie to może być?

---

Przecież napisałem co by mogło pomóc:

• struktura obiektów przed zmianą i po zmianie
• kod, który zmienia nazwę/tekst
• co robi i co zwraca endpoint, pod który wysyłasz zapytanie przez fetch

---

function changeContent() {    
                fetch("moja strona www/update.php?content=" + $("#txtEditor").Editor("getText") + "&bizName=Auto")
                  console.log($("#txtEditor").Editor("getText"))
                  }

Kombinuje i wydaje mi się, że to wszystko jest po prostu zrobione na sztywno. Gdyby chciał żeby ta funkcja była dla konkretnego obiektu, trzeba by ją chyba było napisać osobno. Dodawanie kolejnego &biz nic tu jednak nie zmienia na lepsze.

Tylko jak tu napisać osobną taką funkcje dla jednego obiektu?

co robi i co zwraca endpoint, pod który wysyłasz zapytanie przez fetch

 

mógłbyś wyjaśnić gdzie można zwykle znaleźć ten kawełek kodu o który pytasz? Bo nie bardzo rozumiem ten endpoint

 

---

mógłbyś wyjaśnić gdzie można zwykle znaleźć ten kawełek kodu o który pytasz? Bo nie bardzo rozumiem ten endpoint

Jeśli to Twoja strona, to pewnie masz dostęp do jej kodu, więc możesz sprawdzić, co zwraca zapytanie pod adres URL przekazany do fetch. Jeśli nie masz dostępu do kodu, to może masz chociaż dokumentacje i w niej powinno być napisane do czego jest ten endpoint i jakie możliwe odpowiedzi zwraca.

Poza tym, nadal nie odpowiedziałeś na moje pytania, a po raz któryś wkleiłeś ten sam kod funkcji changeContent... To prowadzi donikąd, bo kręcimy się w kółko. :)

---

Wybacz pytanie,

co zwraca zapytanie pod adres URL przekazany do fetch

 tzn. co wysyłane jest z tego fetch? Jeśli tak, o którym miejscu w tym fetch mówisz?

---

fetch wykonuje zapytanie XHR (Ajax) pod adres URL, który podasz i zwraca Promise, który po rozwiązaniu przekazuje odpowiedź z serwera. Pytałem o zawartość tej odpowiedzi.

---

On zwraca zwykły tekst.

Jeśli to jeszcze nie jest to o co pytasz napisz proszę jak sprawdzić co zwraca. Dla pewności to sprawdzę.

---

Pytając o to, co zwraca ten request, chciałem właśnie dowiedzieć się co konkretnie zwraca - czyli co to za tekst?

Kilka postów temu pytałem też o kilka innych rzeczy, na które do tej pory nie odpowiedziałeś...

---

To tekst ktory sam wpisuje. Po prostu roznej tresci.

W odp. na pytania

$("#txtEditor").Editor("getText") - zwraca prawidlowo. 

• struktura obiektów przed zmianą i po zmianie  - gdzie takie cos znaleźć w kodzie?

 

• kod, który zmienia nazwę/tekst - tutaj nic nazwy name nie zmienia a tekst wpisuje na sztywno.

 

---

To tekst ktory sam wpisuje. Po prostu roznej tresci.

Co to znaczy, że ten fetch:

fetch("moja strona www/update.php?content=" + $("#txtEditor").Editor("getText") + "&bizName=Auto" + "&bizId=Numer1")

zwraca tekst, "który sam wpisujesz, tylko różnej treści"? W zapytaniu przesyłane są parametry bizName i bizId, więc po stronie serwera na ich podstawie (póki co, z tego co mówisz, parametr bizId nie ma znaczenia) zwracane są jakieś dane (twierdzisz, że tekst "który sam wpisujesz"). A skoro potrzebujesz rozróżniać obiekty przy zachowaniu tego samego property name (którego wartość zdaje się tutaj jest przypisywana do bizName), to dobrze by było wiedzieć jaki wpływ ma ten parametr bizName na zwracaną z serwera odpowiedź.

Poza tym, jeśli nie masz dostępu do kodu API (serwera), to dodanie parametru bizId nic Ci nie da (jak już zauważyłeś, że nie ma wpływu na odpowiedź), bo API możliwe, że bierze pod uwagę tylko parametr bizName - tutaj dobrze by było sprawdzić w dokumentacji API. Nie podałeś informacji o tym API, więc nie wiemy co można zdziałać od strony parametryzowania requesta.

---

Czy możesz pokazać cały kod tej aplikacji? Szkoda mojego i Twojego czasu na kręcenie się w kółko.

---

A gdzie mam sprawdzić to API? Bo rzeczywiście pewnie jest tak jak mówisz z tymi parametrami.

---

Nie wiem, bo URL w fetch'u nie jest prawidłowy (o czym już pisałem). O tym, gdzie szukać informacji o API też już pisałem.

---

Wybacz lekkie opóźnienie w odpowiedzi. 'Dokopałem' się do pliku JS obsługującego tego fetch, który pewnie zawiera tą odpowiedź o którą pytałeś. Dzisiaj będę to przeglądał.

Answer 1

Biały znak zamiast kropki, na przykład spacja.

Jest to jakieś rozwiązanie.. ale, do rozróżniania obiektów powinieneś używać klucza `id` zamiast `name`, którego wartość,  jak sam zauważyłeś, może się powtarzać

Comments

Właściwie to probowalem ze spacja ale nie dzialalo. Musze odwolac sie potem w kodzie do nazwy cos w stylu #bizName "Auto"

---

W sensie.. szukasz w DOM-ie, elementu, który ma `.innerHTML` / `.textContent` o wartości `name`?

---

Kurcze, nie jestem na tyle obyty w temacie i nie wiem czy Cie dobrze rozumiem. Zerknij prosze na moja odp. dla JSholik ciut wyzej.

---

Do elementu możesz dodać atrybut `data-*` i na jego podstawie szukać interesujących Cię elementów:

<ul>
  <li data-id="1">Auto</li>
  <li data-id="2">Auto</li>
  <li data-id="3">Auto</li>
</ul>

const el = document.querySelector('[data-id="2"]');
el.style.color = 'red';

---

Witaj, uaktualniłem główny post o kod który wywołuje tą właściwość name. Zerknij proszę