使用jquery Ajax处理数据时不需要上传文件的方法

问题描述 投票:0回答:1

我的表单如下:

<form name ="order" id="order" action="" method="POST" role="form" enctype="multipart/form-data">
    <input class="checkbox pull-left" type="checkbox" name="check_list[]" value="p1">&nbsp;Product 1
    <input class="checkbox pull-left" type="checkbox" name="check_list[]" value="p2">&nbsp;Product 2
    <input class="form-control name" name="name" type="text" placeholder="name">
    <input class="form-control address" name="address" type="text" placeholder="address">
    <input class="form-control email" name="email" type="email" placeholder="email">
    <input class="form-control phone" name="phone" type="text" placeholder="phone">

    <input type="file" name="image" class="image">
    <button type="submit" id="cf-submit" name="submit" class="btn btn-primary">SUBMIT</button>  
</form>

要将数据发送到php文件,我使用此jquery ajax:

$('#order').on('submit', function(e){
    e.preventDefault();

    var file_name = $('.image').val();              
    var formData = new FormData(this);          
    formData.append('fileupload',$( '.image' )[0].files[0], file_name); // image

    $.ajax({
        url: 'order.php',
        data: formData,
        processData: false,
        contentType: false,
        type: 'POST',
        success: function(data){
            $('.alert-success').show(); 
            $('.alert-success').html(data);

        }
    });

    $('#order')[0].reset();
    return false;
});

所有数据均由php文件正确处理。

问题:

只有选择文件上传后,我才能提交。但是不需要上传文件。因此,人们不得不选择从文本字段发送数据而不上传文件。

我发现它必须使用formData.append行当我注释掉这一行时,现在仅可以提交文本字段的值。

所以:如何使文件上传不是必需的,这样就可以不上传文件就提交?

jquery ajax forms append form-data
1个回答
0
投票
© www.soinside.com 2019 - 2024. All rights reserved.