Question

i am trying to get a button on my page which will eventually be a delete button to work. However because it is a <li> element and not your average submit button with a form etc… i have to use ajax to send all the variables to be processed, at the moment i just want them to be in a state where they can be processed, but at the moment my script doesn’t seem to return any value like i want it to and output them.

Hopefully from the code below you will see what i mean, all i need it to do at the moment is just select all the values from the checkboxes which are cehcked and send it to the mail_trash.php, and then just send it back and output the array, just so i can see it is selecting the proper values etc… The actual delete php code is already written and working, this is just to check the Ajax.

Here is the javascript and ajax

    <script>
        $("document").ready(function (){ 

           $("li.trash").click(function(e){  
                 var db = $(':checkbox:checked').map(function(i,n) {
                    return $(n).val();
                 }).get(); //get converts it to an array

             if(db.length == 0) { 
             db = "none"; 
           }        

    $.ajax({
            type: "GET",
            url: "mail_trash.php",
            data: {'db[]':db  },
            dataType: "json",
            statusCode: {
                200: function (response) {
                                                                                           $("#mail_header_name").html(response.mess_id);

                                         }

            }
        });
    });

});


</script> 

And here is the script for the mail_trash.php

  <?php

    include 'connect_to_mysql.php';

    $mess_id = $_GET["db"];
    echo json_encode($mess_id);


?>

And just to check things the

button

<li><a class="trash" href="">&nbsp;</a></li>

Thank you so much for your help, this has been bugging me for the last couple of hours.

Answer 1

It’s not li.trash. It’s a.trash because trash is a class of the a element. As such the first three lines of the js should be:

   <script>
    $("document").ready(function (){ 

       $("a.trash").click(function(e){  

and then so on with the rest of you code. I haven’t checked the rest of your code necessarily, although I am pretty iffy about $(‘:checkbox:checked’) as I don’t think that’s correct jquery…. To start off, I’d suggest fixing the first selector I mentioned, checking the second with jquery docs and then jshinting/jslinting your code. (Javascript only)