Ajax się nie słucha

Question

Witam mam problem... Tworzę prostą grę. Mam hasła i podpowiedzi w bazie danych. W skrypcie php pobieram dane o w taki sposób:

header('Content-type:application/json; charset=utf-8');
$id=1;
$zapytanie="SELECT slowo,podpowiedz FROM haslo WHERE id='$id'";
$pytanie=mysqli_query($polaczenie,$zapytanie);
$pobrane_haslo=array();
while($wiersz=mysqli_fetch_row($pytanie)){
    $pobrane_haslo[]=$wiersz;
}
echo json_encode($pobrane_haslo);

i tu wszystko działa okej potem w skrypcie js chce pobrać text i wyświetlić go w div

var wisielec={
    pokazHaslo:function (haslo) {
        document.querySelector("#haslo").innerHTML=haslo;
    }
};

function start() {
        $.ajax({
           type:"GET",
            url:"wisielec.php",
            contentType:"application/json:charset=utf-8",
            dataType:'json',
            success:function (pobrane_haslo) {
                for (var klucz in pobrane_haslo)
                {
                    var wiersz = pobrane_haslo[klucz];  /*Kolejne przebiegi pętli wstawiają nowy klucz*/
                    var haslo = wiersz[0];
                    var podpowiedz = wiersz[1];
                    wisielec.pokazHaslo(haslo);
                    wisielec.pokazHaslo(podpowiedz);

                }
            }
        });
}

to nie działa zwraca innerHTML=null chociaż jak wywołuję alert bez pośrednio na haslo i podpowiedz w tej pętli to te zmienne posiadają pożądany text. Tak jakbym nie mógł go przypisać nigdzie indziej. Co zrobić?

Comments

Debug w przeglądarce.

---

Wyświetla po prostu Uncaught TypeError: Cannot set property 'innerHTML' of null

---

Dlaczego oprogramowałeś tylko funkcję success? 

Answer 1

Uncaught TypeError: Cannot set property 'innerHTML' of null

To nie jest problem ajaxa. Nie złapałeś elementu dla którego chcesz zmienić tekst i jest on nullem. 

Comments

Dziękuje bardzo, miałem literówkę w kodzie html :O Tyle męczenia o taką głupotę. Jeszcze raz dziękuje :)

---

Spoko