CODEWITHSUNDEEP
javascriptphpjqueryajax
Hybride
Hybride

Reputation: 322

pass jQuery modal variable to PHP script

I do believe am over-complicating this, but I have a jQuery modal that talks with a PHP file. The file has all the form and validation, but it's included in the modal. The event is triggered on right-click (so a user right clicks the folder to edit, selects "Edit", the action below triggers. It's supposed to send the folder id to the modal, so the modal displays the edit form with the correct folder. Right now, it doesn't send anything.)

So I have the jquery (script.js):

"action": function(obj) {
 var data = {'pid': obj.attr("id")};
 $.post("/folder/edit.php", data, function (response) {
   $('#modalEditFolder').modal('show');
 });
 }

// also tried this:
$.post("/folder/edit.php", data, function (response) {   
   $('#modalEditFolder').data('pid', obj.attr("id")).modal('show');
});

// and this

$.ajax({
       type: "POST",
       url: "/view/folder/edit.php",
       data: {pid: obj.attr("id")},
       success: function(html) { 
          $('body').append(html);
          $('#modalEditFolder').modal('show');
          }
       });

The modal (modal.php):

<div class="modal-body">
    <?php include_once("/folder/edit.php"); ?>
</div>

The PHP file (edit.php):

<?php echo $_POST['pid']; ?>

How can I get both the modal and php form to get the PID variable?

Upvotes: 1

Views: 237

Answers (1)

Babak DS
Babak DS

Reputation: 113

try this :

$.ajax({
   type: "POST",
   url: "/view/folder/edit.php",
   cache: false,
   data: {'pid': obj.attr("id")}
}).done(function(html) {
   $('body').append(html);
   $('#modalEditFolder').modal('show');
});

Upvotes: 1

Related Questions