Jaki jest błąd w tym zapisie? Opcje

[twojastara]

Co jest nie tak z drugim fragmentem kodu, że po var_dump($data) fragment pierwszy drukuje tak jak trzeba zawartość zmiennej a drugi NULL?

Pierwszy. Dobry

[HTML] pobierz, plaintext 
    function myFunction() {
        var elementy = document.getElementsByClassName('inputISBN');
        var data = elementy[0].value;
 
        $.ajax({
               url: "{{ path('test') }}",
               type: "POST",
               data: { "data": data }
 
        });   
 
    }
[HTML] pobierz, plaintext 

Drugi. Zły.

[HTML] pobierz, plaintext 
    function myFunction() {
        var elementy = document.getElementsByClassName('inputISBN');
        var data = [];    
        data[elementy[0].name] = elementy[0].value;
 
        $.ajax({
               url: "{{ path('test') }}",
               type: "POST",
               data: { "data": data }
        });   
    }
[HTML] pobierz, plaintext 

Mimo, że w konsoli przeglądarki po kolei wklepywany kod drugi zwraca to co trzeba

[HTML] pobierz, plaintext 
var elementy = document.getElementsByClassName('inputISBN');
undefined
var data = []; 
undefined
data[elementy[0].name] = elementy[0].value;
"667"
[HTML] pobierz, plaintext 

Ten post edytował twojastara 28.04.2015, 23:53:17

[mar1aczi]

W pierwszym kodzie data to normalna zmienna, w drugim jest to tablica.
Wędka: http://stackoverflow.com/questions/9001526...x-to-php-script

[Pyton_000]

nie [] a {} bo wrzucasz do tablicy klucze alfanumeryczne a nie indeksowane licznowo.

[twojastara]

nie [] a {}

zamiast

[HTML] pobierz, plaintext 
 
        var elementy = document.getElementsByClassName('inputISBN');
        var data = [];    
        data[elementy[0].name] = elementy[0].value;
 
        $.ajax({
               url: "{{ path('test') }}",
               type: "POST",
               data: { "data": data }
        });   
[HTML] pobierz, plaintext 

to nie poszło

[HTML] pobierz, plaintext 
        var elementy = document.getElementsByClassName('inputISBN');
        var data = {};    
        data = {elementy[0].name : elementy[0].value};
 
        $.ajax({
               url: "{{ path('test') }}",
               type: "POST",
               data:  data ,
[HTML] pobierz, plaintext 

to nie poszło . zwróciło null

[HTML] pobierz, plaintext 
        var elementy = document.getElementsByClassName('inputISBN');
        var data = {};    
        var key = elementy[0].name;
        var value = elementy[0].value;
        data = { key: value};
 
        $.ajax({
               url: "{{ path('test') }}",
               type: "POST",
               data:  data ,
        });   
[HTML] pobierz, plaintext 

to nie poszło

[HTML] pobierz, plaintext 
        var elementy = document.getElementsByClassName('inputISBN');
        var data = {};    
        var key = elementy[0].name;
        var value = elementy[0].value;
        data = { key: value};
 
 
        $.ajax({
               url: "{{ path('test') }}",
               type: "POST",
               data: { "data": data }
        });   
 
[HTML] pobierz, plaintext 

var_dump() zwraca string '[]' (length=2)

[HTML] pobierz, plaintext 
        var elementy = document.getElementsByClassName('inputISBN');
        var data = [];    
        data[elementy[0].name] = elementy[0].value;
        var jsonString = JSON.stringify(data);
        $.ajax({
               url: "{{ path('test') }}",
               type: "POST",
               data: { "data": jsonString }
        }); 
[HTML] pobierz, plaintext 

var_dump() zwraca string '[]' (length=2)

[HTML] pobierz, plaintext 
        var elementy = document.getElementsByClassName('inputISBN');
        var data = [];    
        data[elementy[0].name] = elementy[0].value;
        var jsonString = JSON.stringify(data);
        $.ajax({
               url: "{{ path('test') }}",
               type: "POST",
               data: { data: jsonString }
        }); 
[HTML] pobierz, plaintext 

tu coś wreszcie się pokazało (bez klucza, ale z wartością). var_dump zwraca array (size=1) 'key' => string '667' (length=3)

[HTML] pobierz, plaintext 
        var elementy = document.getElementsByClassName('inputISBN');
        var data = {};    
        var key = elementy[0].name;
        var value = elementy[0].value;
        data = { key: value};
 
        $.ajax({
               url: "{{ path('test') }}",
               type: "POST",
               data: {data:data} ,
        }); 
[HTML] pobierz, plaintext 

Ten post edytował twojastara 29.04.2015, 11:25:29

[nospor]

Moglbys sie juz wreszcze poduczyc podstaw tablic i obiektow skoro sie za nie bierzesz...
NIe: data = { key: value};
a:
data = {};
data[key] = value;

[twojastara]

Zdaje sie pytasz o to w innym temacie...

Moglbys sie juz wreszcze poduczyc podstaw tablic i obiektow skoro sie za nie bierzesz...
NIe: data = { key: value};
a:
data = {};
data[key] = value;

Gdybyś przed zamknięciem drugiego temtu przeczytał go, to wiedziałbyś, że ajaxem chcę wysłać tablicę utworzoną w pętli z wieloma parami klucz=>wartość.
Ten temat zawiera uproszczona wersję programu bez pętli. Co mi da wysłanie sugerowanej przez ciebie tablicy
data[key] = value; skoro może ona pomieścić jeden element?

W zamkniętym przez ciebie temacie napisałem, że poniższy kod (właśnie analogiczny to twojego data = {};
data[key] = value;

[HTML] pobierz, plaintext 
function myFunction() {
    var data = []; 
    var elementy = document.getElementsByClassName('input');
 
    for (var i = 0; i < elementy.length; i++){ 
        data[elementy[i].name] = elementy[i].value;
    }
 
    $.ajax({
      url: "{{ path('test') }}",
      type: "POST",
      data: {data:data}
    });   
}
[HTML] pobierz, plaintext 

zwraca syntax error Uncaught SyntaxError: Unexpected token [

Masz rację, zrobiłem błąd, chciałem bez nauki jeżyka JavaScript użyć go w jednym małym fragmencie aplikacji opartym o Symfony. W tym momencie wiem, że straciłem na tej tej pierdółce tyle czasu, że szybciej przeczytałbym 2 ksiązki. Ale teraz jestem na takim etapie, że albo zrobie to dziś albo to odpuszczę, bo muszę pójść dalej.

[nospor]

To, ze w petli probujesz zrobic to co ja ci bodalem bez petli, to naprawde nie powod, by zakladac kolejny temat. Oba tematy zawierają to samo: nie potrafisz do obiektu wpisac indeksu będącego nazwą w zmiennej. Wiec o to, co ci juz podalem:
data[key] = value;
nie ma znaczenia czy uzyjesz w petli czy bez petli. Tylko ma znaczenie by to tak zrobic, a ty tak nie robiles. I powtarzam jeszcze raz, bo widze lubisz czytac na szybko i przeaczac fakty, ze na poczatku ma byc deklaracja:
data = {};
a nie
data = [];

W zamkniętym przez ciebie temacie napisałem, że poniższy kod (właśnie analogiczny to twojego data = {};

Oj nie nie... to nie bylo analogiczne. Kod jest krotki, postaraj sie samemu wylapac roznice bo są widoczne gołym okiem

[mar1aczi]

Zerknij, jak w js używać tablic http://www.w3schools.com/js/js_arrays.asp

[twojastara]

data = {};
a nie
data = [];

ja pierdole. Racja. Działa. (Ja, jak ja, no ale jest coś dziwnego w tym, że przynajmniej kilkunastu doświadczonych programistów na stackoverflow z kaliforni czy bombaju nie zwróciło mi na to uwagi). Dzięki.

[nospor]

Pal licho californication... szkoda tylko, ze uznales, ze skoro tamte madrale ci nie zwracają uwagi, to mozna ignorowac co piszą podnóżki z polskiego forum No ale skoro tak, to po co w ogole piszesz u nas, skoro tam masz takie fachury...

[twojastara]

Zerknij, jak w js używać tablic http://www.w3schools.com/js/js_arrays.asp

oczywiście gapiłem się w tę stronę. Nie znajdziesz tam przykładu, w którym tablicę deklarowałoby się tak data = {}; by chwilę potem definiować ja tak: data['key'] = value;

Pal licho californication... szkoda tylko, ze uznales, ze skoro tamte madrale ci nie zwracają uwagi, to mozna ignorowac co piszą podnóżki z polskiego forum No ale skoro tak, to po co w ogole piszesz u nas, skoro tam masz takie fachury...

żaden polski podnóżek wcześniej nie zwrócił mi na to uwagi, a tematów, poza tym, który zamknąłeś, było więcej z takim błędnym zapisem. pozdrawiam

Ten post edytował twojastara 29.04.2015, 14:12:34

[nospor]

Ja ci zwrocilem na to uwage w moim pierwszym poscie. Ale olałeś to całkowicie, wkoncu jestem tylko polskim podnóżkiem a nie fachurą z Kaliforni... Bardziej wolałeś skupić się na tym jak to ja niedobry zamknąłem ci temat niż na tym, co ci podałem jako odpowiedź... A odpowiedź była banalna i krótka, od dwie linijki kodu, ktore w 100% rozwiązywały Twój problem

Tak wiec na przyszłość: naprawde nie ma znaczenia, czy piszesz na stackoverflow czy na polskim forum. I tam i tu są fachury, i tam i tu niefachury i tam i tu są buraki. Przykładaj więc więcej uwagi co ludzie piszą a nie na to gdzie piszą

[mar1aczi]

Nie znajdziesz tam przykładu, w którym tablicę deklarowałoby się tak data = {}; by chwilę potem definiować ja tak: data['key'] = value;

Hmm, a w "Arrays are Objects" kod

Kod

var person = {firstName:"John", lastName:"Doe", age:46};

Krócej niż Ty rozpisałeś, ot - tak od razu tablica z wartościami.

[twojastara]

no ale przyznasz, że taki profil robi wrażenie
"A Dutch guy living and working in Cusco, Peru since 1998. At the moment in Fuengirola, Spain.

Here my activities range from web-site design and development to travelling through Argentina, Chile, Bolivia and Peru as a tour guide.

56,218 REPUTATION"

Kto jak nie Holender mieszkający w Peru powienien takie rzeczy wiedzieć.

[nospor]

@mar1aczi ale tak jak ty podajesz nie jestes w stanie stworzyc indeksu ze zmiennej. A tutaj caly czas mowa o indeksie ze zmiennej...

no ale przyznasz, że taki profil robi wrażenie

wow... normalnie spadlem z krzesla...

Kto jak nie Holender mieszkający w Peru powienien takie rzeczy wiedzieć.

Np. ja, moderator, ktory zamknal Twoj temat całkowicie słusznie.
Powtarzam: czytaj co ci ludzie piszą, niezależnie czy to stackoverflow czy nie.

[mar1aczi]

@mar1aczi ale tak jak ty podajesz nie jestes w stanie stworzyc indeksu ze zmiennej.

Tak, prawda. Chodziło mi o sam sposób deklaracji tablicy przy użyciu {} i jak jest indeksowana (jak jej używać). Na stronie, którą podałem jest nawet przykład jak się odwoływać do elementów takiej tablicy.

[PrinceOfPersia]

ku uściśleniu
[] ---> to jest tablica
{} ---> to jest obiekt.

Każda tablica jest również obiektem, bo JS jest językiem obiektowym i większość rzeczy to obiekty.
Natomiast nie każdy obiekt jest tablicą. Jak przypiszesz do zmiennej coś takiego {}, czy {cosTam: 334} itp. to nie będzie to wcale żadna tablica, a obiekt. W JavaScripcie. Bo w PHP istniałoby coś takiego jak tablica asocjacyjna, w JS nie ma tablic asocjacyjnych, za to są obiekty.

Więc zapis

[JAVASCRIPT] pobierz, plaintext 
var data = [];    
data[elementy[0].name] = elementy[0].value;
[JAVASCRIPT] pobierz, plaintext 

powinien działać, tyle, że będzie działał pewnie niekoniecznie tak jakby chciał programista (jeśli się nie rozumie jak to działa do końca) Tzn. jeśli klucz (wartośc zmiennej elementy[0].name) jest liczbą to będzie to zapis tablicowy (bo zmienna data jest tablicą, bo została tak zadeklarowana: [] ), ale jeśli klucz jest stringiem, to tak naprawdę olewamy już tablicowość zmiennej data i odwołujemy się do zmiennej data jako do obiektu, dodając/zmieniając jego właściwości (innymi słowy data['nazwa'] to jest to samo co data.nazwa). Nie jest to jednak to samo, jak dodajemy właściwości do obiektu data, to nie działa właściwość length (bo niby czemu ma działać: http://jsfiddle.net/4Lfnwc8e/

Ten post edytował PrinceOfPersia 29.04.2015, 21:22:08