Question

我有这个jquery ajax表单提交脚本，我写这个脚本是为了在DB中创建和编辑项目。

问题在于每当我创建一个项目时，都会创建2个项目。

<script type="text/javascript">
    $(document).ready(function() {
        $('#new_item').on('hidden', function () {
            $(".alert").hide();  // remove errors…when the modal form closes
        });
        $(".showedit").click(function(){
            var edit = $(this).attr('id').split("_");// get the edit id
            var id = edit[1];

            var values = $('#data_'+id+' td').map(function(_, td) {
                return $(td).text();
            }).get();
            // populate the form with the database field
            var name    = $("input[name=name]").val(values[1]);
            var model   = $("select[name=model]").val(values[2]);
            var brand   = $("select[name=brand]").val(values[3]); 
            $('#new_item').modal();
        });

        $("#submit_button").click(function( e ) {
            e.preventDefault();

            var name    = $("input[name=name]").val();
            var amount  = $("input[name=amount]").val();
            var model   = $("select[name=model]").val();
            var brand   = $("select[name=brand]").val(); 

            $.ajax({            
                    type: "POST",                   
                    url: "<?=base_url()?>items/create",                 
                    cache: false,
                    dataType: "json",
                    data: 'name='+name+'&amount='+amount+'&model='+model+'&brand='+brand,
                    success: function(result){
                        if(result.error) {
                            $(".alert").addClass('alert-error');
                            $(".alert").fadeIn('slow').html(result.message);
                          } 
                          else 
                          {                 
                            $(".alert").addClass('alert-success');
                            $(".alert").fadeIn('slow').html(result.message);
                          }

                    }
            }); 

        });
    });
</script>

请帮我解决这个问题。我会很高兴!!

Answer 1

$("#submit_button").click(function( e ) {
            e.preventDefault();

它的意思是它会阻止按钮默认动作

您必须将其更改为

$("form").submit(function( e ) {
            e.preventDefault();

或者您可以将ID添加到表单

Jquery和ajax表单提交到数据库中的mysql double条目

1 个答案: