Prosty ajax, nie przesyła kodu do hmla

Question

Witam, mam problemy co do przesłań w ajax, jestem początkującym programistą wiec proszę o wyrozumiałość.
Pisząc swój pierwszy sklep internetowy napotkałem na problem z przesłaniem kodu php'a za pomoca js. 
Wiem ze błąd jest w js sprawdzałem to poprzez wpisaniem php w html i działa kod poprawnie, a gdy próbuje za pomocą js przesłać ten sam kod php to w ogóle go nie wyświetla. PHP pobiera dane z bazy i wyświetla odpowiednie kategorie. 
Proszę o pomoc, napisanie, wskazanie błędu w kodzie js:

$(document).ready(function(){
    cat();
    function cat(){
        $.ajax({
            url	:	"action.php",
            method:	"POST",
            data	:	{category:1},
            success	:	function(data){
                $("#get_category").html(data);
 
            }
        })
    }
 
});

Kod PHP:

<?php
$servername = "localhost";
$username = "root";
$password ="";
$db = "alatex";
 
$con = mysqli_connect ($servername, $username,$password,$db);
 
if (!$con){
    die("Połaczneinie nie powiodło sie: ". mysql_connect_error());
}
 
if(isset($_POST["category"])){
    $category_q[/manual]uery = "SELECT * FROM categories";
    $run_query = mysqli_query($con,$category_query) or die(mysqli_error($con));
    echo "
		<div class='nav nav-pills nav-stacked'>
			<li class='active'><a href='#'><h4>Categories</h4></a></li>
	";
    if(mysqli_num_rows($run_query) > 0){
        while($row = mysqli_fetch_array($run_query)){
            $cid = $row["cat_id"];
            $cat_name = $row["cat_title"];
            echo "
					<li><a href='#'> $cat_name</a></li>
			";
        }
        echo "</div>";
    }
}
?>

no a w HTML'u jest tylko w odpowiednim miejscu div:

 <div id="get_category"></div>

 

Comments

co mówi konsola?

---

właśnie konsola nie mówi nic :/ niby wszystko jest ok.

Answer 1

Powinieneś zwrócić jsona z wynikami z bazy i w jquery obrobić je wyświetlając na stronie.

Answer 2

Tak jak napisał Boshi skorzystaj z funkcji json_encode, która zwróci Ci Jsona z danymi. 

Jeśli zaczynasz to polecam Ci korzystać z IDE do PHPa; PHPStorma. Do tego instalujesz Xdebuga i łapie Ci on wszystkie requesty. Analizujesz linijka po linijce co się dzieje. 

Do testowania takich funkcjonalności serwera pod kątem requestów ajaxowych polecam Ci używać program Postman.

Comments

do prostych ajax'ów dla początkującego wystarczy nawet analiza konsola + zakładka network, w której możesz zobaczyć swoje żądanie do serwera i uzyskaną odpowiedź (narzędzia webmasterów Chrome).

a tak na marginesie to bardzo pewnie korzystasz z $_POST w PHP - polecam zawsze rozważyć jakąś walidację POSTa jeśli pochodzi on od klienta.

Pozdrawiam