form表单无刷新提交

时间 2019-12-14

标签 form 表单刷新提交栏目 HTML 繁體版

原文原文链接

Ajax最大的特色就是能够不刷新页面而实现数据的通讯及更改页面信息。那么用AJAX进行后台通讯传递字符串仍是能够的，遇到上传文件该怎么办呢？基于安全考虑，JS是不能直接进行文件操做的，只好用原始的from来提交文件上传了。这样一来，用form不就要刷新页面了吗？其实也不是。javascript

给咱们的from加一个target属性，而且将这个属性的值设置为隐藏的iframe的ID，这样一来，刷新的页面是咱们隐藏的iframe，咱们的页面就不会刷新了。这个方法，时广大前辈的知识和经验的结晶，我是不费吹灰之力拿来用了，站在巨人的肩膀上。html

<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
<title>AjaxUpload</title>  
</head>  
<body onLoad="javascript:alert('onload')" onUnload="javascript:alert('onunload')">   
<form name="AjaxUpload" method="post" action="upload.jsp" target="hidden_frame">  
<input type="submit" name="Submit" value="提交">  
</form>  
<iframe name='hidden_frame' id="hidden_frame" style="display:none"></iframe>   
</body>  
</html>