更改时提交Ajaxform
更改时提交Ajaxform
提问于 2015-08-22 07:04:16
我有一个Ajax表单，只要用户选择一个图像，我就需要提交它。问题是表单没有提交。请提供任何指导，我们将不胜感激
--表格
<form id="bgimageform" method="post" enctype="multipart/form-data" action="process.php">
<div class="uploadFile timelineUploadBG">
<input type="hidden" name = "bkg" value = "1"/>
<input type="file" name="photoimg" id="bgphotoimg" class="custom-file-input">
</div>
</form>- JS代码
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/jquery.form.js"></script>
<script src="/js/jquery-ui.min.js"></script>
<script src="js/jquery.wallform.js"></script>
<script>
$(document).ready(function() {
/* Uploading Profile BackGround Image */
$('body').on('change','#bgphotoimg', function() {
$("#bgimageform").ajaxForm({target:'#timelineBackground'}).submit();
});
});
</script>回答 2
Stack Overflow用户
发布于 2015-08-22 07:22:25
你说得对，第一次尝试太离谱了。
无论如何，我已经运行了一些测试，似乎如果你这样做，它是有效的。
$('body').on('change','#bgphotoimg', function() {
alert("It should have submitted.");
});这是一个演示它的小提琴。http://jsfiddle.net/gt9e160f/
因此，我必须指出您的提交方法，因为肯定会调用on change。
我以前从未使用过jquery.form.js，但我从他们的文档中提取了以下内容：
$(function(){
//bind the form's submit to ajaxForm
$("body").on('submit', '#bgimageform', function(e){
$(this).ajaxForm({target:'#timelineBackground'});
e.preventDefault();
return false;
});
/* Uploading Profile BackGround Image */
$('body').on('change','#bgphotoimg', function() {
//submit the form
$("#bgimageform").submit();
});
});Stack Overflow用户
发布于 2015-08-22 08:15:58
尝尝这个
$("body").on('change','input#bgphotoimg', function() {
$('#bgimageform').submit(AjaxCall);
});
function AjaxCall(){
// ajax call here
$.ajax({
type: "POST",
url: "url",
data: {},
success: function(data) {
// code here
console.log(data);
}
});
return false;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32150489
复制相关文章
相似问题
腾讯云开发者
