pass variable to php page using ajax jquery?

Question

index.html

<?php
while($admin_data=mysql_fetch_row($query2)){
    ?>
<tr>
<td><?php echo $admin_data[0];?></td>
<td><?php echo $admin_data[1];?></td>
<td><?php echo $admin_data[2];?></td>
<td><?php echo $admin_data[3];?></td>
<td><a href="javascript:void()" id="delete">Delete</a></td>
</tr>
<div id="result_delete"></div>
<?php
}
?>

jquery file

  <script>
    $(document).ready(function(){
    $("#delete").click(function(){
        $("#result_delete").load("delete.php");
    });
    });
    </script>

delete.php

<?php
include "db/db.php";
if($_GET['drop']){
$drop=$_GET['drop'];
}
echo $drop;
?>

how to pass value to delete.php page. i want to pass a variable to url thanks for your answers

Your HTML will have multiple elements, all with an id of delete. — andrewsi
– andrewsi, Commented Dec 19, 2013 at 17:09
thanks for comment.i got the solution by changing id to class. — user3117548
– user3117548, Commented Dec 19, 2013 at 17:22
i also want to know .that how to send variable of particular anchor — user3117548
– user3117548, Commented Dec 19, 2013 at 17:22

epascarello · Accepted Answer · 2013-12-19 18:06:52Z

4

IDS are SINGULAR they can not repeat. Use a class.

<td><a href="javascript:void()" class="delete">Delete</a></td>

and

$(".delete").click(function(){

better yet

$("#tableId").on("click", ".delete", function(){

And hopefully the <div id="result_delete"></div> does not live right after the TR since that is invalid HTML markup.

Since you can not figure out how to get the id, it is simple.

$("#tableId").on("#click", ".delete")function(){
    var val = encodeURIComponent($(this).data("val"));
    $("#result_delete").load("delete.php?drop=" + val);
});

Doing a delete request with a get request is a bad idea

edited Dec 19, 2013 at 18:06

answered Dec 19, 2013 at 17:09

epascarello

208k20 gold badges206 silver badges246 bronze badges

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

9 Comments

user3117548 Over a year ago

its working fine..so nice of you ..thanks alot :) :)

user3117548 Over a year ago

i also want to know .that how to send variable of particular anchor

epascarello Over a year ago

What variable... Use a data attribute <a href="javascript:void()" data-val="1234" ../> and use $(this).data("val")

user3117548 Over a year ago

where to add $(this).data("val")

epascarello Over a year ago

It is best practice here not to keep updating questions with more requirements. Make new questions. What do you not understand, get the value inside the onclick, use it. function() { var myVal = $(this).data("val"); alert(myVal); }

|

Collectives™ on Stack Overflow

pass variable to php page using ajax jquery?

1 Answer 1

9 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

9 Comments

Your Answer

Sign up or log in

Post as a guest

Related