[JavaScript] Nie działa funkcja wpisująca tekst do div'a

pytanie zadane 11 sierpnia 2017 w JavaScript przez Maciek123233 Gaduła (3,400 p.)

Witam, chciałem wpisać tekst (dokładnie to co przyszło z pliku skrypt.php) za pomocą JavaScript do div'a o id=table. W linii 32 wstawiałem już funkcje .append(); i przez .getElementById ale coś nie działa.

<!DOCTYPE HTML>
<html lang="pl">
<head>
	<title>Test</title>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<script src="jquery-1.11.3.min.js"></script>
	<link href="css/fontello.css" rel="stylesheet" type="text/css" />
	
</head>
<body>
	<form>
		<input id="id_home" type="text"/>
		<input id="submit" type="submit"/>
	</form>
	</br></br>
	<div id="table"> 123 </div>
</body>
<script type="text/javascript">

	$("#submit").on('click',function()
    {
			var content = document.getElementById("id_home").value;
			//alert(content);
			$.ajax({
			url: 'skrypt.php',
			type: 'post',
			data:{ksiazka: content},
					success: function(response)
					{
						//alert(response);
						//o tutaj chciałem wpisać funkcję która wpisze do div'a table to co jest w zmiennej response.
					}
			});
    });
</script>
</html>

komentarz 11 sierpnia 2017 przez Ehlert Ekspert (212,670 p.)

Ukryłem bo bzdurę palnąłem sprawdź najpierw czy dobrze łapiesz element na którym chcesz wykonywać operacje.

komentarz 11 sierpnia 2017 przez Ehlert Ekspert (212,670 p.)

Btw używaj innerHTML, bo jest najszybszy.

1 odpowiedź

odpowiedź 11 sierpnia 2017 przez rafal.budzis Szeryf (85,260 p.)

Jesli już używasz jQuery to szukasz funkcji HTML : http://api.jquery.com/html/

$("#table").html(response);

Pokaż swój skrypt który napisałeś wcześniej może podpowiemy ci co zrobiłeś źle ;)

komentarz 11 sierpnia 2017 przez Maciek123233 Gaduła (3,400 p.)
edycja 11 sierpnia 2017 przez Maciek123233

Ale o jaki wcześniejszy skrypt chodzi? Zmieniłem trochę ten kod ale to jest prawie to samo. Co bardzo dziwne jak naciskam na ten guzik (#submit) to "null" w div'ie table zmienia się na "XXXXX" (tak ustawiłem w kodzie, linia 22) lub na to co przyszło z pliku skrypt.php (linia 29) na jakieś ćwierć sekundy potem z powrotem wraca "null".

Nie wiem dlaczego ale to co przychodzi ze skryptu.php się wyświetla, ale ta strona nagle się restartuje (tak to wygląda) i z powrotem jest null.

<!DOCTYPE HTML>
<html lang="pl">
<head>
	<title>Test</title>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<script src="jquery-1.11.3.min.js"></script>
</head>
<body>
	<form>
		<input id="id_home" type="text"/>
		<input id="submit" type="submit"/>
	</form>
	</br></br>
	<div id="table">null</div>
</body>
<script type="text/javascript">

	$("#submit").on('click',function()
    {
		var content = document.getElementById("id_home").value;
		$("#table").html("XXXXX");
		$.ajax({
		url: 'skrypt.php',
		type: 'post',
		data:{ksiazka: content},
				success: function(response)
				{
					$("#table").html(response);
				}
		});
    });
</script>
</html>

komentarz 11 sierpnia 2017 przez Gohan Użytkownik (990 p.)

<input id="submit" type="submit"/>

zamień na to:

<input id="submit" type="button">

i sprawdź :D

komentarz 11 sierpnia 2017 przez Maciek123233 Gaduła (3,400 p.)

aa.a.. ale jak? dlaczego? dlaczego ten guzik miał wpływ na to? nieważne, nie wiem, ale dzięki, działa! :)

komentarz 11 sierpnia 2017 przez Gohan Użytkownik (990 p.)

Wsumie możesz też dopisac action z # i zostawic submit, np:

<form action="#">
        <input id="id_home" type="text"/>
        <input id="submit" type="submit">
</form>

komentarz 11 sierpnia 2017 przez Jedras Maniak (54,860 p.)

albo anulować domyślne zachowanie submita w skrypcie js

Podobne pytania

0 głosów

2 odpowiedzi 449 wizyt

Javascript nie wysyła wyniku pętli do diva.

pytanie zadane 29 października 2017 w JavaScript przez Decay Nowicjusz (120 p.)

0 głosów

1 odpowiedź 207 wizyt

Funkcja onclick w podpięta pod diva w HTML

pytanie zadane 1 lutego 2022 w JavaScript przez sk1neq Nowicjusz (120 p.)

0 głosów

2 odpowiedzi 646 wizyt

Gdy próbuję wpisać coś do diva, tekst przesuwa mi się na prawą

pytanie zadane 17 września 2017 w HTML i CSS przez jankowskaanna909 Nowicjusz (120 p.)

[JavaScript] Nie działa funkcja wpisująca tekst do div'a

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci