[AJAX] Niedziałający kod

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

Witam, nie wiem dlaczego ale nie działa mi ten kod. W linii 17 jest alert w komentarzu, ale gdy zdejmuję go z komentarza, w chwili kliknięcia na div (class="id_home" data-content="home" czyli na 123) ten alert się wykonuje. Nie wykonuje się natomiast drugi alert (w linii 25).

jquery-1.11.3.min.js i skrypt.php oczywiście w jednym folderze są. Jeśli chodzi o skrypt.php jest tam tylko <?php echo "123";>

index.php

<!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>
	<div class="id_home" data-content="home"> 123 </div>
</body>
<script type="text/javascript">
	$(".id_home").click(function()
	{
		var content = $(this).attr("data-content");
		/*alert(content);*/
		
		$.ajax({
		url: 'skrypt.php',
		type: 'post', 
		data:{Content: content},
			success: function(response)
			{
					alert(response);
			}
		});
	});
</script>
</html>

1 odpowiedź

odpowiedź 11 sierpnia 2017 przez Milesq Nałogowiec (32,020 p.)
edycja 11 sierpnia 2017 przez Milesq

Najlepsza

$(".id_home").on('click',function()

    {

        var content = $(this).attr("data-content");

        /*alert(content);*/

        $.ajax({

        url: 'skrypt.php',

        type: 'post',

        data:{Content: content},

            success: function(response)

            {

                    alert(response);

            }

        });

    });

zrób tak :)

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

Dziękuję za pomoc.

komentarz 11 sierpnia 2017 przez ScriptyChris Mędrzec (190,190 p.)

@Milesq, jeśli już wstawiasz kod i nie korzystasz w tym celu z przeznaczonych do tego bloczków - o czym powinieneś wiedzieć, ponieważ nie jesteś świeżym użytkownikiem - to przynajmniej zadbaj o lepsze formatowanie. Połowa Twojego kodu to znaki nowej linii, które nie poprawiają czytelności kodu, a zwiększają powierzchnię jaką zajmuje Twój post na stronie.