Jquery -在ajax和FormData之后单击事件停止工作
Jquery - Click event stops working after ajax and FormData
我使用FomdData上传图像到服务器。该功能工作正常,但在第一次上传后,我无法执行第二次。似乎一个点击事件被阻止了。#upload-image在加载文档时存在于页面上,并且在成功后不会以任何方式更改。这里的问题是什么?
编辑
点击事件正在工作,但ajax在第一次上传后停止工作。
$("#product-sell-search").on("click", '#upload-image', function() {
var
url = $(this).attr('href'),
fileData = $("#ocrFile").prop("files")[0],
formData = new FormData();
if(!fileData){
alert('Please Sellect File');
return false;
}
formData.append('ocrFile', fileData);
// Added in order for server to recognize as post request
formData.append("post", "post");
$.ajax({
url: url,
dataType: 'script',
cache: false,
contentType: false,
processData: false,
data: formData,
type: 'POST',
success:function(data, textStatus, jqXHR){
$.when($('#product-sell-search')
.find('input[name=ProductsSearch]')
.val(data.replace(/['"]+/g, '')))
.then(function(){
$('#product-sell-search').trigger('submit');
});
},
error: function(jqXHR, textStatus, errorThrown){
alert('There was an error. Please try again');
}
});
return false;
});
为什么返回false是你的函数是成功的,那么它应该返回true
我设法使脚本正常工作。我删除了dataType: 'script'行,现在我可以在单个页面加载中进行多次上传。
相关文章:
- 基于类的单击事件在10行之后不响应-数据表
- jQuery单击事件在一次之后不会触发
- 动态嵌套列表:单击时插入行,在当前元素之后
- 如何在元素的默认行为之后运行单击功能
- 如何获取单击元素的类值,并使用此值在 jquery 中最后一次出现此类之后放置一段 html 代码
- 检测鼠标单击是在元素之前还是之后
- 紧跟在单击的元素之后显示一个元素
- 单击语法错误:标识符在数字文本之后立即开始
- 在ajax调用之后,当我单击某些页面跳转到顶部时
- 我想在最终选择之后获取 HTML onContextMenu 的事件,而不是在初始单击时
- 隐藏单击的元素,并使用jQuery在元素之后立即显示该元素
- 将href执行单击延迟到ajax调用之后
- AJAX GET调用将在第一次调用时工作,但在其他单击之后不工作
- 在每一步/单击之后更新引导程序日期时间选择器
- 在.on()单击事件中append之后选择器不工作
- Jquery -在ajax和FormData之后单击事件停止工作
- 我想在“批准”之后创建一个采购订单.按钮在销售订单上单击
- 单击submit之后,Form什么也不做
- 在特定的单击事件之后触发单击事件
- 如何防止页面滚动到顶部,在单击超链接之后,以及基于服务器的刷新之后