js中利用iframe模拟ajax提交实例
html 页面代码
代码如下 | 复制代码 |
<iframe name="iframe" style="display: none"></iframe> function errors(msg) |
action.php页面
代码如下 | 复制代码 |
if ($input == '') { |
这样当我们提交之后就会弹出这是一个测试!!!,如果想有漂亮的弹出层效果我们可以把
function errors(msg)
{
alert(msg);
}
函数弹成js弹出层就可以了。
例了,利用iframe模仿ajax文件上传
html页面
代码如下 | 复制代码 |
<html> <body> <form action="upload.jsp" id="form1" name="form1" encType="multipart/form data" method="post" target="hidden_frame" > <input type="file" id="file" name="file" style="width:450"> <inputtype="submit" value="上传文件"> </form> <iframe name="hidden_frame"id="hidden_frame" style="display:none"></iframe><span id="msg"></span> </body> </html> <script type="text/javascript"> function callback(msg) { document.getElementById("file").outerHTML = document.getElementById("file").outerHTML; document.getElementById("msg").innerHTML = "<font color=red>"+msg+"</font>"; } </script> |
js处理页面
代码如下 | 复制代码 |
<%@ page language="java" contentType="text/html; charset=gb2312" %> |
补充:网页制作,js教程