javascript - Pass php variable using jquery ajax to a modal -
i having problem jquery ajax script. can not pass variable modal. have been messing weekend , can not figure out way not pass variable.
this link call modal , id trying pass
echo '<img src="./images/see.png" class="open-editexpenses" data-target="#editexpenses" data-id="' . $value['expid'] . '" >';
this jquery ajax script
$(document).on('click', '.open-editexpenses', function() { var id = $(this).data('id'); $.ajax({ type: "post", url: "expenses.php", data: {id: id}, success: function() { $('#editexpenses').modal('show'); } }); });
this modal opening
<div class="modal fade" id="editexpenses" tabindex="-1" role="dialog" aria-labelledby="mymodallabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title" id="mymodallabel">modal title</h4> </div> <div class="modal-body"> <?php echo $id; var_dump($_post); //var_dump($_get); ?> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">close</button> <button type="button" class="btn btn-primary">save changes</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal -->
$(x).data('id')
not same $(x).attr('data-id')
, you're after read data-id
attribute of img
element.
see jquery data vs attr? more info.
Comments
Post a Comment