Javascript AJAX formdata POST submit在IE9/Chrome中工作,但不在Firefox中工作
我有一些AJAX脚本,可以提交表单,然后更新网页 我的代码: HTML:Javascript AJAX formdata POST submit在IE9/Chrome中工作,但不在Firefox中工作,javascript,php,jquery,html,ajax,Javascript,Php,Jquery,Html,Ajax,我有一些AJAX脚本,可以提交表单,然后更新网页 我的代码: HTML: 阿贾克斯: $('#表单添加')。提交(函数(e){ var formObj=$(此项); var formURL=formObj.attr(“操作”); var formData=新formData(本); var prependbdiv=$(“#prependbody”); $.ajax({ url:formURL, 键入:“POST”, 数据:formData, 数据类型:“json”, mimeType:“
阿贾克斯:
$('#表单添加')。提交(函数(e){
var formObj=$(此项);
var formURL=formObj.attr(“操作”);
var formData=新formData(本);
var prependbdiv=$(“#prependbody”);
$.ajax({
url:formURL,
键入:“POST”,
数据:formData,
数据类型:“json”,
mimeType:“多部分/表单数据”,
contentType:false,
cache:false,
processData:false,
成功:功能(响应){
如果(response.success==“1”){
prependbdiv.prepend(“+response.datetime+”+response.updatedesc+”);
$('#title').val('');
$(“#表单添加”).fadeToggle();
}
},
错误:函数(响应)
{
警报(“错误”);
},
});
e、 预防默认值();
});
这似乎解决了我的问题:
我很好奇为什么会出现这种情况,或者这是代表我的糟糕编程?
此外,当使用FireBug时,post数据与标准HTML表单中的post数据并不相似。也就是说,对于使用formdata
FireBug的ajax帖子,在帖子细节下没有列出任何“部分”部分
谢谢你的帮助
<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>
<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>