javascript - jquery/ajax 代码在 firefox 上不起作用，但在其他浏览器上有效

Question

我的问题是，我已经创建了一个输入文本和一个按钮，就像这张图片中一样:

系统非常简单，您输入一个数字，然后使用 ajax 在数据库中设置此职位。我在 Chrome、Internet Explorer 9 和 Edge 和 Firefox(51.0.1(32 位))上尝试了这段代码，但似乎在 Firefox 上代码不起作用。可能是什么问题？这是javascript代码:

<script type="text/javascript">
                        $(document).ready(function () {

                            $("#set_image_pos_btn<?php echo $image->id; ?>").click(function () {
                                event.preventDefault();

                                var image_id = <?php echo $image->id; ?>;
                                var image_position = $("#image_position_value<?php echo $image->id; ?>").val();

                                $.ajax({
                                    url: '<?php echo base_url("image/pozitie"); ?>',
                                    data: {id: image_id, position: image_position},
                                    type: 'POST',
                                    success: function (data) {
                                        $("#image_position_value<?php echo $image->id; ?>").html(data);
                                    }
                                });

                            });

                        });
                    </script>

这是PHP代码:

function pozitie() {
    $id = $this->input->post('id');
    $position = $this->input->post('position');

    if(isset($id)) {

        $update = $this->image_model->_update($id, array('position' => $position));

        if($update) {
            $image = $this->image_model->get_where_row('id', $id);
            echo $image->position;
        } else {
            echo "eroare";
        }


    }
}

Answer 1

点击事件加上e参数，就可以了。

click(function (e) {

此外:您应该关心错误处理。

var jqxhr = $.ajax( "example.php" )
.done(function() {
  alert( "success" );
})
.fail(function() {
  alert( "error" );
})
.always(function() {
  alert( "complete" );
});