Question

我使用jquery通过ajax提交表单。表单成功提交，但使用bootstrap创建的下拉菜单在提交后停止工作。

这是jquery代码：

$(document).ready(function(e){

$('#submit').click(function(e){
    e.preventDefault();
    var formData = new FormData($(this)[0]);
    jQuery.each(jQuery('#upload')[0].files, function(i, file) {
        formData.append('file-'+i, file);
    });
    var agentname=$('#agentname').val();
    var bio=$('#bio').val();


    $("#success").html("<img src='loading.gif' height='40' width='40'></img>");
    var datastring='agentname='+agentname+'&bio='+bio;
    $.ajax({
        method:"POST",
        url:'agentsubmit.php?'+datastring,
        data:formData,
        cache:false,
        async:false,
        contentType:false,
        processData:false,
        success: function(result) {
            $("#success").html(result);
        }
    });

});


});

在阅读其他答案后，我发现这可能是因为我在我的代码中使用了e.preventDefault（）函数。我尝试删除preventDefault函数，但表单停止工作。

Answer 1

您可以尝试更改代码以绑定到“提交”功能表单，而不是使用“#submit”按钮的点击功能。

正如本例所述 - http://hayageek.com/jquery-ajax-form-submit/

在ajax表单提交后Bootstrap Dropdown无法正常工作

1 个答案: