ajax call to php script not working

Question

I am trying to call a PHP script using AJAX. I have put a simple echo alert in my deleteitem.php script to check whether it is getting called, but whatever I do, it does not get called. The PHP script is in the same folder as the js script that is calling it

Can someone tell me why that would be? What are the possible causes?

$.ajax({
    url: 'deleteitem.php?task=deleteArtwork&id='+artworkObjectID,
        type: "POST",
        dataType: "html",
        success: function(data)
        {
           //do something here
        }
});

Load the URL directly in the browser first

mplungjan
– mplungjan

2012-10-28 10:39:03 +00:00
Commented Oct 28, 2012 at 10:39 — mplungjan
– mplungjan, Commented Oct 28, 2012 at 10:39
Isnt that a get request.. passing parameters in url?

Amitd
– Amitd

2012-10-28 10:43:35 +00:00
Commented Oct 28, 2012 at 10:43 — Amitd
– Amitd, Commented Oct 28, 2012 at 10:43

Chibuzo · Accepted Answer · 2012-10-28 10:42:35Z

3

How would you know if it's calling it? Add a javascript alert statement to your callback. E.g

alert(data);

It will show what you echoed from the PHP script, if you got everything right.

answered Oct 28, 2012 at 10:42

Chibuzo

6,1133 gold badges33 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Danilo Radenovic · Accepted Answer · 2012-10-28 19:22:55Z

1

As Amitd said, you shouldn't combine GET and POST requests. The code should look like:

$.ajax({
    url: 'deleteitem.php?task=deleteArtwork&id='+artworkObjectID,
        type: "GET",
        dataType: "html",
        success: function(data)
        {
           alert(data); // alert on success
        }
});

If you still don't get any response, there might be a server error, so you should put lines like this one in the .php script, at the beggining of the script:

error_log("script was called, processing request...");
error_log("passed artworkObjectId is: " . $_GET["artworkObjectID"]);

You can then check in your .log file (it can be found in the apache log file/folder if it's running on apache server) if there are any messages.

edited Oct 28, 2012 at 19:22

answered Oct 28, 2012 at 10:50

Danilo Radenovic

1,0291 gold badge11 silver badges27 bronze badges

5 Comments

vedran Over a year ago

thanks @mike-johnson. This helped get me started with troubleshooting.

vedran Over a year ago

i have a followup question (I am a noob btw) can I print the value in $_GET["artworkObjectID"] using an echo statement in my PHP script? It doesn't seam to work?

Danilo Radenovic Over a year ago

Yes, it works this way - ajax request is sent from the client to the server. If request was successful, defined function is called (in this case it is 'function(data){ alert(data);}'. 'data' variable is the response from server (whatever server returns or echoes). Server can echo something (in this case $_GET["artworkObjectID"] and that will be the value of 'data'.

James Over a year ago

You most certainly can POST data to a url with querystring and access $_GET and $_POST, or combined (plus $_COOKIE) as $_REQUEST

Danilo Radenovic Over a year ago

Yup, my bad, you can do that, updating my answer, but it is generally very bad practice to actually do that - from conceptual point of view, as well as security one.

Quentin · Accepted Answer · 2012-10-28 10:42:52Z

1

The output of the PHP script will be placed in data (assuming that the request is successful).

It won't do anything until you replace the comment //do something here with some code that does something.

answered Oct 28, 2012 at 10:42

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Comments

Amitd · Accepted Answer · 2012-10-28 10:44:41Z

1

Try something like .. passing data like below

 $.ajax({
                    url: "deleteitem.php",
                    type: "POST",
                     data: { 
                          'task': 'deleteArtwork', 
                          'id': artworkObjectID
                     },              
                    success: function (msg) {

                    }
                });

answered Oct 28, 2012 at 10:44

Amitd

4,8598 gold badges58 silver badges84 bronze badges

Comments

Menztrual · Accepted Answer · 2012-10-28 10:49:21Z

1

The first thing I would be doing is checking the results of the success callback.

$.ajax({
    url: 'deleteitem.php?task=deleteArtwork&id='+artworkObjectID,
        type: "POST",
        dataType: "html",
        success: function(data)
        {
           alert(data); // Alert the results
        }
});

Most times (with myself anyway) when I notice things aren't being updated by ajax is usually a PHP error with my script im calling. This method will alert any errors that PHP throws on that page :)

Also, try and check your browser console and see if there are any errors from your javascript.

answered Oct 28, 2012 at 10:49

Menztrual

41.7k12 gold badges59 silver badges70 bronze badges

1 Comment

vedran Over a year ago

thanks @brendan-scarvell - this helped me get started with troubleshooting

Nilambar Sharma · Accepted Answer · 2012-10-28 10:53:11Z

1

To check whether the server code is called or not, you can check passed parameters and the AJAX response in Firebug. It would be handy I guess.

answered Oct 28, 2012 at 10:53

Nilambar Sharma

1,7406 gold badges18 silver badges24 bronze badges

Comments

Mirtuk · Accepted Answer · 2024-02-22 13:38:38Z

index.php

<?php
    session_start();
    
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
    <title>Document</title>
</head>
<body>
    <center>
    <h1> VISER twitter</h1><br><br>
    <input type="text" id="username"><br><br>
    <input type="password" id="password"><br><br>
    <button id="dugme">Log in</button>
    <div id="odgovor"></div>
    </center>
</body>
</html>
<script>
$("#dugme").click(function(){
    let username=$("#username").val();
    let password=$("#password").val();
    $.post("ajax/ajax_index.php",{username:username, password:password}, function(response){
        if(response=="OK"){
            window.location.assign("posts.php");
        }else{
           $('#odgovor').html("<div class='alert alert-danger'>"+response+"</div>");
        }
    })
})
</script>




ajax_index.php


<?php
    session_start();
    require_once("../funkcije.php");
    require_once("../klase/classLog.php");
    if(!$db=konekcija()){
        echo "Neuspela konekcija bazu!";
        exit();
    }
    
    $username=$_POST['username'];
    $password=$_POST['password'];
    if($username!="" and $password!=""){
        $upit="SELECT * FROM korisnici WHERE email='{$username}' AND lozinka='{$password}'";
        $rez=mysqli_query($db,$upit);
        if(mysqli_num_rows($rez)==1){
            $red=mysqli_fetch_assoc($rez);
            $_SESSION['email']=$red['email'];
            $email=$red['email'];
            $_SESSION['podaci']=$red['ime']." ".$red['prezime']. ' ('.$red["status"].")";
            //echo $_SESSION['podaci'];
            Log::upis("Prijava korisnika '{$email}'");
            echo "OK";
        }
        else{
            echo "Ne postoji korisnik sa unetim podacima";
        }
    }
    else{
        echo "Morate uneti podatke u oba polja";
    }
?>



funkcije.php



<?php
    function konekcija(){
        $db=mysqli_connect("localhost","root","","pva_k2");
        return $db;
    }
?>




logout.php


<?php
    session_start();
    session_unset();
    session_destroy();
    header("Location:index.php");
?>





posts.php




<?php
    session_start();
    require_once("funkcije.php");
    if(!isset($_SESSION['podaci'])){
        echo"Niste ulogovani! <br> <a href='index.php'>Prijava</a>";
        exit();
    }
    if(!$db=konekcija()){
        echo "Neuspela konekcija bazu!";
        exit();
    }
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>

    <title>Document</title>
</head>
<body>
    <center>
    <h1 >Stranica Posts.php</h1><br><br><br>
    <p> Trenutni korisnik <?php echo $_SESSION['podaci'];?></p>
    <a href="posts.php">Sve objave</a>
    <a href="logout.php">Odjava</a>
    <a href="admin.php">Administracija</a>
    </center>
    <h3>Postovi</h3>
    <input type="text" id="post"><button id="dodaj" onclick="dodajPost()">Dodaj post</button>
    <div id="postovi" class="alert alert-success"></div>
</body>
</html>
<script>
    $(document).ready(function(){
        prikaziPostove();
    })
    function prikaziPostove(){
        $.get("ajax/ajax_posts.php?akcija=prikazi",function(response){
            $("#postovi").html(response);
        })
    }
    function dodajPost(){
        let post=$("#post").val();
        if(post==""){
            alert("Svi podaci su obavezni!!!!");
            return false;
        }
        $.post("ajax/ajax_posts.php?akcija=dodajPost",{post:post}, function(response){
            alert(response);
            prikaziPostove();
        })
    }
    function obrisi(idPosta){
        if(!confirm("Da li ste sigurni?")) return false;
        $.post("ajax/ajax_posts.php?akcija=obrisi",{id:idPosta}, function(response){
            alert(response);
            prikaziPostove();
        })
    }
</script>




ajax_posts.php





<?php
    session_start();
    require_once("../funkcije.php");
    require_once("../klase/classLog.php");
    if(!$db=konekcija()){
        echo "Neuspela konekcija bazu!";
        exit();
    }
    $akcija=$_GET['akcija'];
   
    if($akcija=="prikazi"){
        $upit="SELECT * FROM veza_korisnici_post";
        $rez=mysqli_query($db,$upit);
        while($red=mysqli_fetch_assoc($rez)){
            $pos=$red['vremeK'].' '.$red['post'].' '.$red['ime']. " -". $red['prezime']."
            <button onclick='obrisi({$red['id']})'>Obriši</button>"."<br><br>";
            echo $pos;
        }
    }
    if($akcija=="dodajPost"){
        $post=$_POST['post'];
        $sql="INSERT INTO postovi (idKorisnika, post) VALUES ({$_SESSION['id']}, '{$post}')";
        $rez=mysqli_query($db,$sql);
        if(mysqli_error($db)) echo "Greška!!!!!";
        else {
            Log::upis("Kreiranje novog posta sa id=".mysqli_insert_id($db)." od strane korisnika '{$_SESSION['email']}'");
            echo "Uspešno dodat post.";
        }
            
    }
    if($akcija=="obrisi"){
        $id=$_POST['id'];
        $sql="DELETE FROM postovi WHERE id={$id}";
        $rez=mysqli_query($db,$sql);
        if(mysqli_error($db)) echo "Greška!!!!!";
        else echo "Uspešno obrisan post.";
            
    }


?>




admin.php



<?php
    session_start();
    require_once("funkcije.php");
    if(!isset($_SESSION['podaci'])){
        echo"Niste ulogovani! <br> <a href='index.php'>Prijava</a>";
        exit();
    }
    if(!$db=konekcija()){
        echo "Neuspela konekcija bazu!";
        exit();
    }
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>

    <title>Document</title>
</head>
<body>
    <center>
    <h1 >Administrator.php</h1><br><br>
    <p> Trenutni korisnik <?php echo $_SESSION['podaci'];?></p>
    <a href="posts.php">Sve objave</a>
    <a href="logout.php">Odjava</a>
    <a href="admin.php">Administracija</a>
   
    <br><br><br>
    <input type="date" id="datum"><br><br>
    <button onclick='prikaziLog()'>prikazi log</button>
    </center>
</body>
</html>
<script>
    $(function(){
        
    })
    function prikaziLog(){
        let datum=$("#datum").val();
        $.get("ajax/ajax_admin.php?akcija=prikaziLog", {datum:datum},function(response){
            $("#odgovor").html(response);
        })
    }
   
</script>




ajax_admin.php




<?php
    session_start();
    require_once("../funkcije.php");
 
    if(!$db=konekcija()){
        echo "Neuspela konekcija na bazu!!!!";
        exit();
    }
    $datum=$_GET['datum'];
    if($datum!=""){
        $file="../logovi/".$datum."_log.txt";
        //echo $file;
        if(file_exists($file)){
            $odg=file_get_contents($file);
            $odg=nl2br($odg);
            echo $odg;
        }
        else echo "Nema podataka {$datum}!!!!";
    }else echo "Svi podaci su obavezni!!!!";
?>





klase/classLog.php




<?php
    class Log{
        public static function upis($tekst){
            $datum=date("Y-m-d");
            $file="../logovi/".$datum."_log.txt";
            $file=fopen($file, "a");
            fwrite($file, date("H:i:s")." - ".$tekst."\n");
            fclose($file);
        }
    }
?>


logovi folder

As it’s currently written, your answer is unclear. Please edit to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers in the help center.

Robin Jonsson · Accepted Answer · 2012-10-28 10:49:29Z

0

First of all, you're not outputting the returned data, stored in (your case) data Also, you're parsing along some GET variables, although your AJAX-request is POST. If you're working with variables over AJAX, i recomend using GET:

$.get('deleteitem.php?task=deleteArtwork&id='+artworkObjectID, function (data) {
    //On success, perhaps print the returned data:
    alert(data);
})

answered Oct 28, 2012 at 10:49

Robin Jonsson

2,8513 gold badges27 silver badges42 bronze badges

Comments

Rahul Kamble · Accepted Answer · 2020-12-29 14:07:22Z

0

Make sure the file you has created is having valid file Type like PHP file or just copy paste the existing valid working php file and write you ajax code in it. It will work now. myAjax file shown in below image is invalid file and material is valid PHP file

edited Dec 29, 2020 at 14:07

answered Dec 29, 2020 at 13:57

Rahul Kamble

3783 silver badges4 bronze badges

Comments

MPelletier · Accepted Answer · 2013-08-25 17:55:22Z

-1

url: 'deleteitem.php?task=deleteArtwork&id='+artworkObjectID

should be

url: 'deleteitem.php?task=deleteArtwork&id='.artworkObjectID,

edited Aug 25, 2013 at 17:55

MPelletier

16.8k18 gold badges90 silver badges140 bronze badges

answered Aug 25, 2013 at 17:30

rem4ik4ever

1

Collectives™ on Stack Overflow

ajax call to php script not working

10 Answers 10

Comments

5 Comments

Comments

Comments

1 Comment

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

10 Answers 10

Comments

5 Comments

Comments

Comments

1 Comment

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related