代码改变世界

ajax异步提交文件

2015-12-16 16:41  VinpleZhang  阅读(228)  评论(0编辑  收藏  举报

首先 下载jquery和jquery.form.js   http://malsup.com/jquery/form/

<script type="text/javascript" src="jquery/jquery.js"></script></head>
<script type="text/javascript" src="jquery/jquery.form.js"></script>

<script type="text/javascript">

$(function() {

$("#upForm").submit(function(){
$(this).ajaxSubmit({
type:"post", //提交方式
dataType:"json", //数据类型
url:"${basePath}/login.action", //请求url
success:function(data){ //提交成功的回调函数
alert(data.result);
}
});
return false; //不刷新页面
});


});

</script>

$("#upForm").attr("action",getHost()+"customer/customerSearch/importCustomer.json");

ps:表单里的 type必须是submit  而不是 button 例如:<input type="submit" class="sui-btn sui-btn-primary fm-submit"/>