Problem z AJAX

pytanie zadane 17 czerwca 2016 w JavaScript przez pietrek98 Początkujący (430 p.)
edycja 17 czerwca 2016 przez pietrek98

Od jakiegoś czasu próbuję ogarnąć AJAXA, niby robię wszystko ok, a jednak coś nie działa. Nie potrafię konkretnie powiedzieć co, więc podsyłam wszystkie pliki:

Główny w php:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Dokument bez tytułu</title>
</head>

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(document).ready(function() {
    $('#kod_form').submit(function() {
		var kod = $('#kod').val();
		
		$.getJSON('process.php', kod, processkod);
	});
});

function processkod(zwrot)
{
	$.('#ret').html('Nazwa: ' + zwrot.nazwa + '<br> Cena: ' + zwrot.cena);	
}

</script>

<body>

<form id = "kod_form">
<input type = "text" id = "kod">
<input type = "submit" value = "Sprawdź" />
</form>
<div id = "ret"></div>
</body>
</html>

i process.php:

<?php
$host = 'localhost';
$user = 'root';
$pass = '';
$db = 'nowa';
$conn = new mysqli($host, $user, $pass, $db);

if($conn->connect_error)
	die($conn->connect_error);

function querySQL($query)
{
	global $conn;
	$result = $conn->query($query);
	if(!$result)
		die($conn->error);
	
	return $result;
}

$kod = $_GET['kod'];

$result = querySQL("SELECT * FROM test WHERE kod = '$kod'");
$result->data_seek(1);
$row = $result->fetch_array(MYSQLI_ASSOC);
	
$cena = $row['cena'];
$nazwa = $row['nazwa'];

$zwrot = array($nazwa, $cena);
echo json_encode($zwrot);
?>

3	komentarz 18 czerwca 2016 przez Boshi VIP (100,240 p.) edycja 18 czerwca 2016 przez Boshi No my też nie wiemy z czym masz problem. p.s jeśli widzisz w kodzie takie coś: global $conn; $result = $conn->query($query); if(!$result) die($conn->error); return $result; To wiedz, że coś się dzieje.

komentarz 18 czerwca 2016 przez ScriptyChris Mędrzec (190,190 p.)

Konsola wyświetla jakieś błędy?

1 odpowiedź

odpowiedź 19 czerwca 2016 przez Vodoo Dyskutant (9,270 p.)

Trochę namieszałeś, m.in. nie powinno być kropki po $:

$.('#ret').html('Nazwa: ' + zwrot.nazwa + '<br> Cena: ' + zwrot.cena);

Poprawnie:

$('#ret').html('Nazwa: ' + zwrot.nazwa + '<br> Cena: ' + zwrot.cena);

Na przyszłość: sprawdzaj logi w konsoli przeglądarki, wiele można z nich odczytać.

Wracając do twojego problemu... znacznie przerobiłem kod, powinien działać prawidłowo.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Dokument bez tytułu</title>
</head>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(document).ready(function() {

    $("form").on("submit", function(event) {

  		event.preventDefault();

        $.ajax({
		    type: 'GET', 
		    url: 'process.php', 
		    data: $(this).serialize(),
		    dataType: 'json',
		    success: function (data) { 
  				document.getElementById("ret").innerHTML = 'Nazwa: ' + data[0] + '<br> Cena: ' + data[1];
	    	}
		});
	});

});
</script>

<body>
<form>
<input type = "text" name="kod">
<input type = "submit" value = "Sprawdź" />
</form>
<div id = "ret"></div>
</body>
</html>