How can I write PHP code into JavaScript/Ajax?

Question 1

I want to know how to write a pice of PHP code into JavaScript/Ajax.

This is my PHP code:

 if ($folder = opendir('data/Tasklist/')) {
 while (false !== ($file = readdir($folder))) {
 if ($file != '.' && $file != ".."){
 $data=file_get_contents("data/Tasklist/".$file);
 $poc=explode(";",$data);
 echo '<li class="taskli">
 <button id="'. $file . '" class="Del"> Delete </button>
 '. $poc[0] . " " . $poc[1] . '<div class="hidinfo">' . $poc[2] . '</div></li>';
 }
 }
 closedir($handle);
 }

And i want to write : id="'. $file . '" inside this code:

 $.post( "data/remove.php",{HERE})

Question 2

Do you mean that when users click on one of the 'Delete' buttons, it should make an AJAX call to the server relating to that file?

Question 3

yes @halfer and i want it sent to a new file called remove.php and then delete it from there

Question 4

OK, good - @GluePear is on the right lines. Also, it's worth checking that filenames do not create invalid id values - files can have all sorts of characters that I expect element ids cannot.

Question 5

Since you're storing the $file variable in the <button> id, you can grab it from there:

$('.Del').click(function(){
 var file = $(this).attr('id');
 $.post( "data/remove.php",{id:file});
 return false;
});

Question 6

$(document).ready(function(){ $(".Del").click(function(event){ 	 var file = $('.Del').attr('id'); $.post( "data/remove.php",{id:file}) 	 .done(function(id){ 	 }); 	 	 console.log("delete clicked"); 	 event.preventDefault(); 	 return false; 	 	 }); });

Question 7

That looks about right, try it? Keep an eye on your JS console to check for errors, of course.

Question 8

Thanks for the suggestion @halfer, I've added the click handler.

Question 9

@zan, the one error you have is fixed in GluePear's answer - use $(this) to capture the element that raised the event.

Question 10

In the console i get no error,i dont know if works or not tho.I must write the code in remove.php also to delete the files i send there.

GluePear 7,78321 gold badges73 silver badges127 bronze badges · Accepted Answer · 2014-05-18 21:12:44Z

1

Since you're storing the $file variable in the <button> id, you can grab it from there:

$('.Del').click(function(){
 var file = $(this).attr('id');
 $.post( "data/remove.php",{id:file});
 return false;
});

Share

Improve this answer

edited May 18, 2014 at 21:37

answered May 18, 2014 at 21:12

GluePear's user avatar

GluePear

7,78321 gold badges73 silver badges127 bronze badges

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

14 Comments

zan

zan Over a year ago

$(document).ready(function(){ $(".Del").click(function(event){ 	 var file = $('.Del').attr('id'); $.post( "data/remove.php",{id:file}) 	 .done(function(id){ 	 }); 	 	 console.log("delete clicked"); 	 event.preventDefault(); 	 return false; 	 	 }); });

2014年05月18日T21:26:09.91Z+00:00

halfer

halfer Over a year ago

That looks about right, try it? Keep an eye on your JS console to check for errors, of course.

2014年05月18日T21:29:02.99Z+00:00

GluePear

GluePear Over a year ago

Thanks for the suggestion @halfer, I've added the click handler.

2014年05月18日T21:30:41.567Z+00:00

halfer

halfer Over a year ago

@zan, the one error you have is fixed in GluePear's answer - use $(this) to capture the element that raised the event.

2014年05月18日T21:32:08.85Z+00:00

zan

zan Over a year ago

In the console i get no error,i dont know if works or not tho.I must write the code in remove.php also to delete the files i send there.

2014年05月18日T21:32:48.423Z+00:00

|

CollectivesTM on Stack Overflow

How can I write PHP code into JavaScript/Ajax?

1 Answer 1

14 Comments

Your Answer

Sign up or log in

Post as a guest

Post as a guest

Hot Network Questions

CollectivesTM on Stack Overflow

1 Answer 1

14 Comments

Your Answer

Sign up or log in

Post as a guest

Post as a guest

Related