javascript如何实现页面不跳转
来源:互联网 发布:thinkphp 源码分析 编辑:程序博客网 时间:2024/06/04 19:07
在一个html页面中,需要提交表单给另一个页面,我们希望在后台运行,而不打开新页面,有两种方法:
1、iframe方法
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<script type="text/javascript">
</script>
</head>
<body>
<iframe name="testserver" style="display:none;" src=''></iframe>
<form name="settest" action="test.cgi" target="testserver">
<table>
<tr><td>
用户名:</td><td><input type="text" INPUT NAME="username" SIZE="30" maxlength="20"></td></tr>
<tr><td>
密码:</td><td><input type="text" INPUT NAME="password" SIZE="30" maxlength="20"></td></tr>
<tr><td>
<input type="submit" value="保存"></td></tr>
</table>
</Form>
</body>
</html>
test.cgi可以替换为任意要转向的html网页,form的target需要与iframe name保持一致
2、ajax方法
function createXHR(){ar xhr;try{xhr = new ActiveXObject("Msxml2.XMLHTTP");}catch(e){try{xhr = new ActiveObject("Microsoft.XMLHTTP");}catch(E){xhr = false;}}if(!xhr && typeof XMLHttpRequest != 'undefined'){xhr = new XMLHttpRequest();}return xhr;}function sender(val){xhr = createXHR();if(xhr){xhr.onreadystatechange = callbackFunction;xhr.open("GET","test.cgi?"+val); //调用test.cgi程序,val为需要传递的参数xhr.send(null);}else{alert("浏览器不支持,请更换浏览器!");}}function callbackFunction(){if(xhr.readyState == 4){if(xhr.status == 200){var returnValue = xhr.responseText;//returnValue为test.cgi返回的结果}else{alert("页面出现异常!");}}}
- javascript如何实现页面不跳转
- 页面跳转javascript 实现
- javascript 实现页面跳转
- javascript实现页面跳转
- JavaScript实现页面跳转
- javascript实现页面跳转
- 如何实现页面跳转
- UIWindow不使用代理如何实现根控制器的跳转(页面跳转的实现)
- JavaScript实现定时页面跳转
- javascript实现页面倒计时跳转
- 如何实现页面自动跳转
- jsp如何实现页面跳转
- 如何实现Flex页面跳转
- PHP如何实现页面跳转
- 实现ajax提交表单,页面不跳转
- PHP中用javascript语言实现页面跳转
- JavaScript 实现页面跳转的方法
- js实现页面定时跳转刷新【javascript】
- ++i 与 i++
- Socket编程中的强制关闭与优雅关闭及相关socket选项
- IMP-00013: 只有 DBA 才能导入由其他 DBA 导出的文件
- SLF4J 教程(自由在各种log中切换)
- ext4的fsync性能和nodelalloc参数的分析
- javascript如何实现页面不跳转
- WebService中方法的重载
- Android源码下载
- RubyChina如何实现喜欢功能?
- Java几款性能分析工具的对比
- 字符串相加
- JavaScript仿淘宝智能浮动
- 关于SQL中的外码
- Linux 文件属性