php - Jquery重定向到另一个页面

Question

我正在尝试创建一个由ajax提交的更新状态按钮，但是每次更新状态时，我都会被重定向到base_url().'/Admin/Jobs/' 。可以在不获得重定向的情况下更新状态吗？

代码:

<?php if ($key['status'] === '1'): ?>
<?php echo form_open('Admin/update_job_status'); ?>
<input type="hidden" name="id" value="<?= $key['id'] ?>">
<input type="hidden" name="status" value="0">
<button class="btn btn-success btn-simple" id="submit" rel="tooltip" title="Status Active">
    <i class="fas fa-eye"></i>
</button>
<?php echo form_close(); ?>
<script>
    $(document).ready(function(){
        $('#submit').on('click', function(){
            var formData = {
            'id'  : $('#id').val(),
            'status'    :      $('#status').val()
            }
            $.ajax({
                type: 'post',
                data: formData,
                url: '<?php echo base_url().'/Admin/Jobs/' ?>',
                success: function(data){
                    alert(id);
                },
            });
        });
    });
</script>
<?php endif ?>

<?php if (is_null($key['status']) || $key['status'] === '0'): ?>
<?php echo form_open('Admin/update_job_status'); ?>
<input type="hidden" name="id" value="<?= $key['id'] ?>">
<input type="hidden" name="status" value="1">
<button class="btn btn-warning btn-simple" rel="tooltip" title="Status Inactive">
    <i class="fas fa-eye-slash "></i>
</button>
<?php echo form_close(); ?>
<script>
    $(document).ready(function(){
        $('#submit').on('click', function(){
            var formData = {
            'id'  : $('#id').val(),
            'status'    :      $('#status').val()
            }
            $.ajax({
                type: 'post',
                data: formData,
                url: '<?php echo base_url().'/Admin/Jobs/' ?>',
                success: function(data){
                    alert(id);
                },
            });
        });
    });
</script>
<?php endif ?>

Answer 1

您提交的事件已发送，因为它没有停止。您必须使用event.stopPropagation()以防止“自然”表单提交。

    $('#submit').on('click', function(event) { // add event parameter
       event.preventDefault(); // stop form submit
       //...