当我点击提交按钮时,为什么<div>
没有显示&#39;正在加载...&#39;?
我对jQuery和Ajax的了解很少。请帮我解释一下。感谢
<head>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$(document).ready( function(e) {
$(".frmUpload").on('submit',(function(e) {
e.preventDefault();
$(".upload-msg").text('Loading...');
});
});
</script>
</head>
<h1>Ajax Image Upload</h1>
<form action="" method="post" class="frmUpload">
<input type="file" name="photoUpload" id="ajaxUpload">
<input type="submit" value="UPLOAD">
</form>
<div class="img-preview"></div>
<div class="upload-msg"></div>
答案 0 :(得分:1)
您错过了结尾)
。
$(document).ready( function(e) {
$(".frmUpload").on('submit',(function(e) {
e.preventDefault();
$(".upload-msg").text('Loading...');
}));
});
效果更好,请注意}))
。您在(
中的功能之前并不严格需要'submit', (function
,因此您也可以删除该功能。