Diskuse JPW: Odeslání dat pomocí Jquery/Ajaxu a převod dat zpět

	Autor	Zpráva
	Igor Profil *	#1 · Zasláno: 30. 8. 2011, 23:05:04 Odpovědět Citovat Poprvé zkouším pracovat s AJAXem pomocí JQuery a narážím na tento problém: Při kliknutí na span se odešlou data z předchozího formulářového prvku <textarea>nějaké data s diakritikou</textarea><span onclick='$.post("index.php?action=ax&save=1", { tabName: "pokus", id: "1", col:"id", val:$(this).prev().val() } );'>Uložit</span> Problém je v tom, že když server obdrží data tak text není v původním znění, ale jsou v něm nahrazené některé znaky, jako <> a písmeno í: í.<br> Jak uvést text do původního stavu (převést to zpět) pokud to jde?
	Igor Profil *	#2 · Zasláno: 31. 8. 2011, 13:28:55 Odpovědět Citovat Po menší úpravě metody post: $.post("index.php?action=ax&save=1", { tname: "basic", rid: "3", col:"id", val:$(this).prev().val() }, function(data) {}, "html"); Specifikoval jsem datový typ, jenže žádná změna. Vrácený řetězec např.: Jedná se tvrdý vzor, skloňujeme podle něj tedy tvrdá přídavná jména. Ta poznáme podle tvrdého zakončení v 1. pádu jednotného čísla mužského rodu na -hý (drahý), -chý (plachý), -ký (měkký), -rý (starý), -dý (hrdý), -tý (mrzutý), -ný (prázdný) Co dělám špatně?
	pcmanik Profil	#3 · Zasláno: 31. 8. 2011, 16:08:21 Odpovědět Citovat Igor: Pozri si dokumentaciu a nezapisuj inline js, pouzi selektory.
	Igor Profil *	#4 · Zasláno: 31. 8. 2011, 16:21:32 Odpovědět Citovat pcmanik: Na dokumentaci se dívám už dost dlouho (.post, .get, Specifying the Data Type for AJAX Requests, ) a zas až tak jasná mi nepřijde. Možná je to tím, že mi uniká něco co tam není. Třeba těch příkladů se mi tam zdá málo, takže mi stále něco uniká. Co myslíš tím "nezapisuj inline js"?
	pcmanik Profil	#5 · Zasláno: 31. 8. 2011, 16:28:55 · Upravil/a: pcmanik Odpovědět Citovat Igor: jQuery je stavane na css selectoroch resp. tomu spanu pridaj nejake id povedzme ulozit cize <span id="ulozit">Uložit</span> Kvoli lepsiemu vykonu mozes dat aj textaree id-cko povedzme id="text" A jQuery zapises ako $('#ulozit').click(function(){ $.post("index.php?action=ax&save=1&","text="+$('#text').val()); }); V indexe budes mat $_POST['text']
	Chamurappi Profil	#6 · Zasláno: 31. 8. 2011, 16:38:32 Odpovědět Citovat Reaguji na pcmanika: „jQuery je stavane na css selectoroch“ Které jsou pomalejší než přímý zápis. Nepotřebuje je, podle popisu nemá žádný důvod je použít. „resp. tomu spanu pridaj nejake id“ Proč je `id` lepší než `onclick`? Anonymní handler na pojmenovaném elementu je lepší než anonymní handler na anonymním elementu? „Kvoli lepsiemu vykonu mozes dat aj textaree id-cko“ Jak to zlepší výkon? Nalezení předchozího potomka je pomalejší než nalezení elementu podle ID? Proč by mělo být? Moderátor Chamurappi: Otázka se dále řeší odděleně v Je hledání sourozence v DOMu rychlejší než hledání podle ID? „"text="+$('#text').val()“ Z jakého důvodu jsi nahradil jeho strukturovaný zápis parametrů za spojení řetězce s neošetřeným uživatelským vstupem? Vždyť by mu přestalo fungovat posílání textů s ampersandem, ne? Reaguji na Igora: „když server obdrží data tak text není v původním znění“ To mi připadá nepravděpodobné. Máš někde ukázku?
	pcmanik Profil	#7 · Zasláno: 31. 8. 2011, 16:46:38 Odpovědět Citovat Chamurappi: „Které jsou pomalejší než přímý zápis. Nepotřebuje je, podle popisu nemá žádný důvod je použít.“ Na id, tag a class sa pouzivaju nativne metody, len v pripade ze sa nedaju nastupuju neefektivne metody. Taktiez sa pouziva QuerySelector „Proč je id lepší než onclick? Anonymní handler na pojmenovaném elementu je lepší než anonymní handler na anonymním elementu?“ Je dobre oddelovat javascript od zbytku html, a drzat si ho samostatne, pridava to na prehladnosti a ulahcuje buduce zmeny, preto. „Z jakého důvodu jsi nahradil jeho strukturovaný zápis parametrů za spojení řetězce s neošetřeným uživatelským vstupem? Vždyť by mu přestalo fungovat posílání textů s ampersandem, ne?“ Moja chyba, to som si neuvedomil.
	Igor Profil *	#8 · Zasláno: 31. 8. 2011, 16:57:01 Odpovědět Citovat Chamurappi: Díky za zapojení. Tak text před odesláním: Na topole nad jezerem seděl vodník pod večerem: Sviť, měsíčku, sviť, ať mi šije niť. Šiju, šiju si botičky do sucha i do vodičky: sviť, měsíčku, sviť, ať mi šije niť. Text po odeslání: Na topole nad jezerem seděl vodník pod večerem: Sviť, měsíčku, sviť, ať mi &scaron;ije niť. &Scaron;iju, &scaron;iju si botičky do sucha i do vodičky: sviť, měsíčku, sviť, ať mi &scaron;ije niť. Nevím jakou funkcí to převést zpátky a tak zkouším toto: $trArr = array ( 'á'=>'á', 'í'=>'í', 'é'=>'é', 'ó'=>'ó', 'ú'=>'ú', '&scaron;'=>'š', '&zcaron;'=>'ž', 'ý'=>'ý', 'Ú'=>'Ú', '°'=>'°', '<'=>'<', '>'=>'>' ); $posted['val'] = strtr($posted['val'], $trArr); Což ale nepokrývá celý rozsah utf-8
	RockFire Profil	#9 · Zasláno: 31. 8. 2011, 17:27:21 Odpovědět Citovat Pošli nám živou ukázku, čili to někam nahraj a pošli odkaz, takhle ti asi neporadíme, když už i Chamurappi neví :)
	Chamurappi Profil	#10 · Zasláno: 31. 8. 2011, 18:31:50 Odpovědět Citovat Reaguji na pcmanika: „Na id, tag a class sa pouzivaju nativne metody“ Které jsou ale pořád pomalejší než hrábnutí na `this`. „Je dobre oddelovat javascript od zbytku html“ Zpravidla ano, ale u takovýchto jednorázovek to nemá cenu. Nevidím to tak černobíle. Ídéčka i třídy působí v rámci dokumentu podobně jako v libovolném objektově orientovaném jazyce proměnná v globálním kontextu — musím si dávat pozor, co a jak nazývám, abych si později nevyrobil konflikt. Můžu mít jen jedno `id="ulozit"` a i kdybych místo `id` použil `class`, musel bych si pamatovat, že se jí mám vyhýbat, protože tahle `class` už má globálně daný účel (v rámci všech stránek, kde je přilinkovaný skript). To je v důsledku docela velká daň za to, že bude HTML kód hezky vypadat. Zatím jsem viděl jen málo projektů, které měly v ídéčkách či třídách jasný systém (např. podobný stromové hierarchii) — většinou je to jeden velký guláš. Idea, že by JavaScript měl být nevtíravý (unobtrusive), je sice pěkná, ale měla by být prostředkem k omezení rizika konfliktu, nikoliv potenciálním původcem. Reaguji na Igora: „seděl vodník pod večerem: Sviť, měsíčku“ Věřil bych, že takhle může z pohledu serveru vypadat text po obyčejném odeslání formuláře na stránce deklarující nečeské kódování v Internet Exploreru (ostatní prohlížeče by použily číselné entity). Že by tohle napáchala funkce `$.post`, mi ovšem připadá hodně nepravděpodobné. Prosím o odkaz na živou ukázku.
	Igor Profil *	#11 · Zasláno: 31. 8. 2011, 19:14:46 Odpovědět Citovat Chamurappi: Tak to vzdávám. Nemám to kam nahrát. Každopádně na stránce je kódování UTF-8 <meta http-equiv="content-type" content="text/html; charset="UTF-8"> a prohlížeč je FF 3.6.20 Jestli se má před odesláním dat přes post ještě přidat nějaká další hlavička to netuším.
	RockFire Profil	#12 · Zasláno: 31. 8. 2011, 19:45:16 Odpovědět Citovat Povídání o živých ukázkách » „Nevím, kam to nahrát.“
	Igor Profil *	#13 · Zasláno: 31. 8. 2011, 21:30:14 Odpovědět Citovat Mohl bych položit ještě jednu otázku k odesílání dat pomocí Jquery .post(), .get()? Vezmu příklad z manuálu: $.get("test.php", function(data){ $('body').append("Name: " + data.name); // John .append("Time: " + data.time); // 2pm }, "json"); Na tomto příkladu jsou použity selektory (pokud to říkám správně). Já bych však chtěl použít this, odkazující na rodiče, tedy na odkaz na který jsem kliknul. Zkoušel jsem takový pokus, který nefunguje, něco jako toto: $.post("ax.php", function(result){ if (result=="Data succesfuly updated.") $(this).next().val("Sloupec 'popis' uložen."); }, "json"); (ax.php teď obsluhuje požadavky AJAXu - ukládá požadovaný sloupec)
	Igor Profil *	#14 · Zasláno: 1. 9. 2011, 01:15:42 Odpovědět Citovat Existuje nějaký způsob ja do té anonymní funkce dostat proměnnou z venčí? onclick="that=this; $.post("test.php", function(data, that){ console.log(that) }, "json"); " Toto nefunguje
	Witiko Profil	#15 · Zasláno: 2. 9. 2011, 00:02:31 · Upravil/a: Witiko Odpovědět Citovat Igor: Tápeš v základech, na posluchače se mimo zápisu přímo v html nenavěšuje řetězec, ale funkce. Více zde. Tento zápis přiřazení funkce k události onclick v HTML: <a id="odkaz" onclick="alert('Neklikej na mě!');">Kliknout</a> Je prakticky ekvivalentem k zápisu v javascriptu: document.getElementById("odkaz").onclick = function(event) { alert('Neklikej na mě!'); }; Tvůj pomýlený zápis by tedy vypadal v javascriptu nějak následovně: nějakýElement.onclick = function() { var that = this; // Nezapomínejme na deklarace proměnných $.post("test.php", function(data/, that/) { // Toto tu nemá co dělat // Tato lokální proměnná (argument) that by přepsata výše definovanou proměnnou that // textovým statusem ajax požadavku, jelikož zpětné volání je ve formátu // success(data, textStatus, jqXHR) viz. http://api.jquery.com/jQuery.post/ console.log(that); }, "json"); }
	Igor Profil *	#16 · Zasláno: 2. 9. 2011, 20:17:41 Odpovědět Citovat Vznikl mi nový problém při převodu objektu z Javascriptu a zpět na straně php. Mám jednoduchý příklad zde: Example #1 json_decode() examples a ten mi funguje. Když ale použiju to svoje řešní tak to nefunguje. Takže popíšu problém. Na straně klienta mám takový objekt: {"cols_arr" : "help13", "cols_object": { "col" : "b.`help13`" , "val": "" } } (snad jsem to opsal správně) Na straně klienta ho získávám přes getColumns() a převádím: JSON.stringify(getColumns("$columns")) Celé to odesílám AJAXEM jako součást .post(url, {val:{vraceny objekt } }) Na straně serrveru (php) obdržím string $_POST["val"]: {\"cols_arr\":\"help13\",\"cols_object\":{\"col\":\"b.`help13`\",\"val\":\"\"}} a zkouším ho převést z JSONu: $json = $_POST["val"]; //'{"a":1,"b":2,"c":3,"d":4,"e":5}'; var_dump(json_decode($json)); var_dump(json_decode($json, true)); die(); Výsledkem je NULL NULL Tak toto vůbec nechápu, prosím poraďte... Witiko: Dneska jsem to tuž vyřešil trochu jinak, viz moje nové vlákno o Uzávěře (nevím, možná je to zbytečně složitě, ale jede to). Teď ale nevím na co si narážel když si řekl "na posluchače se mimo zápisu přímo v html nenavěšuje řetězec,". Protože nevím o jakém řetězci to mluvíš.
	Witiko Profil	#17 · Zasláno: 3. 9. 2011, 13:46:42 Odpovědět Citovat Igor: „Protože nevím o jakém řetězci to mluvíš.“ Mluvím o řetězci ve tvém příspěvku [#14]: onclick="that=this; $.post("test.php", function(data, that){ console.log(that) }, "json"); "
	Chamurappi Profil	#18 · Zasláno: 3. 9. 2011, 15:40:13 Odpovědět Citovat Reaguji na Witika: To je nejspíš HTML atribut (s nedořešenými uvozovkami), nikoliv JS příkaz.
	Igor Profil	#19 · Zasláno: 4. 9. 2011, 15:43:59 Odpovědět Citovat Witiko: Už nevím jestli jsem ten kód jen částečně zkopíroval nebo blbě opsal. Ale teď to je jedno, už jsem to stejně přepsal. Uvozovky by teď měly být OK, jinak by to asi nejelo. Já vím, že se to "přiřazení funkce k události onclick v HTML" dělá dvěma způsoby. Ale protože vypisuji formulářové prvky hromadně pomocí php, tak mi to přijde jednodušší přidat to rovnou do html atributu. Jinak k původnímu problému, co se týkalo toho kódování. Chyba byla opravdu v nesprávné deklaraci hlavičky a sice v jedné uvozovce navíc, což způsobovalo, že FF detekoval kódování automaticky, ostatní prohlížeče ne. Jinak ale přetrvává problém s kódováním někde mezi uložištěm a php, a sice znaky ěčř.
	Igor Profil	#20 · Zasláno: 4. 9. 2011, 18:54:07 Odpovědět Citovat Haleluja, problem vyřešen. $r = mysql_query("ALTER DATABASE `pozice` DEFAULT CHARACTER SET utf8 COLLATE utf8_czech_ci;"); // ale tento příkaz by změnil to co nastavilo COLLATE ... // $r = mysql_query("SET CHARACTER SET utf8"); // musí se nastavit až po výběru databáze Takže vlastně, jak je tabulka jednou nastavená, tak už CHARACTER SET nenastavuji, to by rozkopalo to kódování tabulky, které již bylo správně nastaveno.
	Witiko Profil	#21 · Zasláno: 4. 9. 2011, 19:05:28 · Upravil/a: Witiko Odpovědět Citovat Nemělo by tohle vlákno být vlákna 3, každé z nich pak v rozdílné sekci? Můžu se totiž mýlit, ale z mého pohledu je to nějak takto: 1) [#1] až [#15] je řešení toho, proč v nepozměněných datech odeslaných jQuery je diakritika nahrazena html entitami. 2) [#16] je slovy autora zcela rozdílný problém a sice parsování JSON objektu na straně PHP. 3) A v [#20] nás autor informuje o tom, že zjistil jak nastavit komunikaci MySQL a svého php scriptu tak, aby došlo k zachování správného kódování, aniž by jakkoliv objasnil jakou to má spojitost se zbytkem jeho dotazů. Takže zdá se mi to, nebo se Igor do tohoto svého tématu svěřuje s čímkoliv má momentálně problém, nebo se případně jedná o problémy spojené s jedním a tím samým projektem a on je příliš líný je dělit do samostatných vláken, aby ještě někdy někomu mohly být k užitku?
		Časová prodleva: 13 let

Vaše odpověď

Mohlo by se hodit

Odkud se sem odkazuje