Forum PHP.pl

Zrobiłem bardzo głupi błąd :/
Mianowicie piszę skrypt forum (już chyba drugi rok) i sporo jest tam ajaxa, początkowo był to xajax, niedawno przerobiłem to na swojego prostego frameworka ajax.

funkcja do ajaxa (nie szukajcie błędów, czytajcie dalej) :

[HTML] pobierz, plaintext 
//ajax function
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() 
{//Call a function when the state changes.
  if(xmlhttp.readyState == 4 && xmlhttp.status == 200)
  {
    eval(xmlhttp.responseText);
    //alert(xmlhttp.responseText);
  }
}      
function ajax_post(url, params, get)
{
    xmlhttp.abort();  
    alert(params);
    xmlhttp.open("POST", url + '?ajax=1&' + get, true);
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlhttp.setRequestHeader("Content-length", params.length);
    xmlhttp.setRequestHeader("Connection", "close");
    xmlhttp.send(params);
}
[HTML] pobierz, plaintext 

funkcję tą wywołuję w taki sposób (taki mały przykład)

[HTML] pobierz, plaintext 
<button onclick="ajax_post('plik.php', 'wartosc=' + document.getElementById('JakasTextarea').value)">kliknij tutaj</button>
[HTML] pobierz, plaintext 

funkcja działa elegancko... no prawie, jest jedno "ale"

jeśli jakasTextarea będzie miała zawartość typu:


to wtedy drugi parametr dla funkcji ajax_post będzie wyglądał tak:


a skrypt php :

[PHP] pobierz, plaintext 
if(isset($_POST['wartosc']))
{
echo $_POST['wartosc']);
}
[PHP] pobierz, plaintext 

wyświetli tylko:

czyli nie to co oczekiwałem

Jak proponujecie rozwiązać ten problem ?

czyli zamiast

[HTML] pobierz, plaintext 
<button onclick="ajax_post('plik.php', 'wartosc=' + document.getElementById('JakasTextarea').value)">kliknij tutaj</button>
[HTML] pobierz, plaintext 

ma być

[HTML] pobierz, plaintext 
<button onclick="ajax_post('plik.php', 'wartosc=' + encodeURIComponent(document.getElementById('JakasTextarea').value))">kliknij tutaj</button>
[HTML] pobierz, plaintext 

?
nie chciałbym potem kilkarazy tego przerabiać

Ok, zakładam że tak. W każdyb bądź razie, uważam że to nie najlepszy pomysł żeby tak pisać:

[HTML] pobierz, plaintext 
'wartosc=' + encodeURIComponent(document.getElementById('JakasTextarea').value) + '&wartosc2=' + encodeURIComponent(document.getElementById('jakisDiv').innerHTML)
[HTML] pobierz, plaintext 

myślałem o tym, żeby wrzucić to do tablicy i potem by ajax_post to przerabiał na string.... tylko że jak zrobić taką tablicę ?

[HTML] pobierz, plaintext 
Array("wartosc"=>document.getElementById('aaa').value);
[HTML] pobierz, plaintext 

nie działa. Macie jakieś pomysły ?

Ten post edytował peter13135 24.05.2011, 13:42:01

Podstawy JS... od kiedy to niby tablice w JS obsługują indeksy inne niż numeryczne? Dlaczego nie skorzystasz z jQuery, DOJO, MooTool czy czegoś tam jeszcze innego co udostępnia sensowny interfejs do obsługi AJAX-a?

Nie wiem od kiedy, ale obsługują.
tablica["lalala"] = "blabla";

[HTML] pobierz, plaintext 
Dlaczego nie skorzystasz z jQuery, DOJO, MooTool czy czegoś tam jeszcze innego co udostępnia sensowny interfejs do obsługi AJAX-a?
[HTML] pobierz, plaintext 

Bo nie chcę budować mostu nad kałużą i mam taki kaprys że chce to zrobić w js (IMG:style_emoticons/default/smile.gif)

json

[JAVASCRIPT] pobierz, plaintext 
var assarray = {'nazwa': wartosc, 'nazwa2': 'jakis string'}
 
for (var i in assarray)
  alert(assarray[i]);
[JAVASCRIPT] pobierz, plaintext 

generalnie w js tablice asocjacyjne to takie nie do konca tablice, a obiekty to takie nie do konca nie-tablice (IMG:style_emoticons/default/wink.gif)

Wygląda nieźle.. ale czy da się odczytać zarówno klucz jak i wartość? niestety nic nie wygooglałem (IMG:style_emoticons/default/sad.gif)

W JQ dzieje się to samo. To jest chyba cena-> "Strona bez przeładowania".

jquery ajax, jquery json, jquery post json ... pierwszych pięć poradników odpowie na wszystkie pytania...

Czy zamiast & wpiszesz taki tekst 'xxxxx' ?

Ten post edytował celbarowicz 25.05.2011, 07:56:20

Niestety, ale na podstawie kursu jQuery, nie potrafię zrobić tego w js.
Proszę, aby ktoś mi napisał, jak odczytać klucz w obiekcie JSON za pomocą samego js, bez żadnych frameworków.
dla przykładu :

[PHP] pobierz, plaintext 
var jsonObject = {'nazwa': 'wartosc'};
[PHP] pobierz, plaintext 

chcę odczytać stąd 'nazwa'

Bo dla każdego obiektu w JS - a wszystko jest obiektem* - możesz dodać nowe właściwości. To zadziała tak samo dobrze z obiektem RegExp, String czy Console. Powinieneś po prostu użyć czystego obiektu (Object), który w zamyśle służy właśnie do tego - można przy jego pomocy tworzyć coś na wzór tablic asocjacyjnych.
Pomijając fakt, że te biblioteki same w sobie są zrobione w JS to czemu nie? Jak masz go dostępnego pod ręka i w praktyce jego użycie nie kosztuje nic?

* A to co nie jest (typy proste) obsługuje dynamiczne rzutowanie na odpowiedni typ obiektowy w tle.

Ten post edytował Crozin 25.05.2011, 12:04:05