需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。
2、在index.html中的<script>标签，输入jquery代码：
$('button').click(function () {
$('body').append('<span>正在上传中</span>');
setTimeout("$('span').text('上传成功');", 1000);
});
3、浏览器运行index.html页面，点击提交按钮，显示了“正在上传中”。
4、例如过了1秒后变成了上传成功的提示。
温馨提示：答案为网友推荐，仅供参考
第1个回答 推荐于2017-11-25
使用表单异步提交,
推荐一个插件 jquery.form.js
示例:http://www.malsup.com/jquery/form/progress.html
API:http://www.malsup.com/jquery/form/#api追问
推荐一个插件 jquery.form.js
示例:http://www.malsup.com/jquery/form/progress.html
API:http://www.malsup.com/jquery/form/#api追问
不用插件如何搞？就用jquery。
追答页面中嵌入一个空iframe, 将表单提交到iframe中, 此时 设置提示为为正在上传中, 监视iframe的状态, 如果为200, 则表示它已经接收到服务器返回的数据,此时提示设为上传成功.
建议你还是用插件做,省事多了
第2个回答 2013-04-25
FORM插件 AJAX的功能 看了你的追问，要自己写的话 AJAX方法里面都有 成功和正在AJAX交互追问
我用jquery $.post提交，提交成功调用回调函数，然后我用服务器返回的结果来判断是成功还是失败。可以不？
追答不是这样的 POST处理数据
下面写AJAX交互
错误返回
$("div").ajaxError(function(){
alert("An error occurred!");
});
成功
.ajaxComplete()
第3个回答 推荐于2017-09-10
function submit(){
//调用正在提交中的方法
fun();
//提交的ajax方法
$.ajax({
type: "POST",
url: "some.php",
data: "name=John&location=Boston",
success: function(msg){
//调用上传成功后的方法
fun();
alert( "上传成功");
}
});
}
//调用正在提交中的方法
fun();
//提交的ajax方法
$.ajax({
type: "POST",
url: "some.php",
data: "name=John&location=Boston",
success: function(msg){
//调用上传成功后的方法
fun();
alert( "上传成功");
}
});
}
这只是一个思路，点击提交按钮后调用此方法，然后用两个函数分别显示提交前的样式和成功后的样式。
相似回答