input上传文件后不跳转页面并获取后台返回的数据

一般情况下使用input标签上传文件后,整个页面是会跳转的,而大多数情况下,我们是不希望页面跳转,只希望能拿到后台传过来的数据,判断是否上传成功即可,那么如何不跳转页面,并获取到后台传过来的数据呢?如下:

HTML部分:

<div id="fileuploadbox">
	        <form action="${ctx}/itemPortrait.do?method=attachSave&prj_id=${bean.prj_id}&flag=222" method="post" target="tg" enctype="multipart/form-data">
			<input type="file" name="fileUpload" />
    		<input type="submit" value="上传文件" />
		</form>
		<iframe name="tg" id="tg" style="display: none;"></iframe>  //定义一个隐藏iframe用来跳转,上面form自动target到iframe来
	</div>

JS部分:

$(function(){
	$("#tg").load(function(){
		var tempText=$(this);
		var returnJson=tempText[0].contentDocument.body.textContent;  //从后台传过来的数据,拿到就可以做相应的业务代码了
		if (returnJson........)    ......//业务逻辑
	})
})

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值