Modal window using ajax

Modal window using ajax


abc.php
Link
 <a data-toggle="modal" data-target="#edit_view" title="Edit" data-cache="false" href="abc_ajx.php?ticket_id=222&team_id=100" style="color:#000;">click here</a>


Button
<button type="button" class="btn btn-info" data-toggle="modal" data-target="#edit_view" title="Edit" data-cache="false" data-remote="abc_ajx.php?action=edit_cat&cat_id=22">

<span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
</button>

<!-- Modal -->
<div class="modal fade" id="edit_view" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">

</div>
</div>
</div>


$(document).ready(function(){
$('#edit_view').on('hide.bs.modal', function (e) {$(this).removeData('modal');});
});

abc_ajx.php

<form id="frm_update" class="form-horizontal">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="myModalLabel">Delete Sub Category</h4>
</div>
<div class="modal-body">
CONTENT......
</div>
<div class="modal-footer">
<input type="hidden" name="action" id="action" value="delete_scat" />
<input type="hidden" name="rec_id" id="rec_id" value="<?php echo $scategory['id']; ?>" />
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-danger" id="btn_upate" onclick="deleteData()">Delete</button>
</div>
</form>