AJAX formdata POST提交工作在IE9 / Chrome中,但不在Firefox中

时间:2014-09-18 23:51:24

标签: javascript php jquery html ajax

我有一些AJAX脚本提交表单,然后更新网页。

我的代码:

HTML:

<form action='jobs.php' method='post' name='editUpdate' enctype='multipart/form-data' id="form-add">
    <hr />
    <textarea name='description'  id="title" class="text1" placeholder="Add Update" cols='100' rows='5'></textarea>
    <input type="submit" name='action' id="submit" value="Save Update"></input>
</form>

AJAX:

<script>
$('#form-add').submit(function(e){
    var formObj = $(this);
    var formURL = formObj.attr("action");
    var formData = new FormData(this);
    var prependbdDiv = $('#prependbody');

    $.ajax({
        url: formURL,
        type: 'POST',
        data:  formData,
        dataType: "json",
        mimeType:"multipart/form-data",
        contentType: false,
        cache: false,
        processData: false,
        success: function(response) {
            if(response.success == "1"){
                prependbdDiv.prepend("<tr><td>"+response.datetime+"</td><td>"+response.updatedesc+"</td></tr>");
               $('#title').val('');
               $("#form-add").fadeToggle();
            }
        },
        error: function(response) 
        {
            alert("ERROR");
        },
    });
    e.preventDefault();
}); 
</script>

这似乎解决了我的问题: Submiting a form with Ajax by using FormData on Firefox and IE10+

我很好奇为什么会这样,或者代表我编程不好? 此外,在使用FireBug时,后期数据与标准HTML表单中的发布数据不同。 IE,使用formdata的ajax帖子FireBug列出没有&#34;部件&#34; POST细节下的部分。

感谢您的帮助!

0 个答案:

没有答案