提交表单不刷新页面
来源:互联网 发布:excel 数据对比找不同 编辑:程序博客网 时间:2024/06/09 18:47
似乎看起来有两种方法,一种ajax,一种提交给iframe
iframe方法:
http://www.websbook.com/javascript/ymbsx_tjbd_4182.html
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<form name="form1" method="post" action="abc_update" target="upload">
<p>
<input type="text" name="textfield">
</p>
<p>
<input type="text" name="textfield2">
</p>
<p>
<input type="submit" name="Submit" value="提交">
</p>
</form>
<iframe src="abc_update.asp" name=update height=0 width="0"></iframe>
</body>
</html>
ajax 方法:
http://www.offid.cn/i/564/note/98857.html
前台文件:
<script type="text/javascript" src="js/jquery.js" mce_src="js/jquery.js"></script>
<input name="writer" id="writer" type="text" value="" />
<input name="pass" id="pass" type="password" value="" />
<input type="submit" name="button" id="button" value="提交" />
<!--这里不需要form,因为提交时call一个函数
<script type="text/javascript">
$(document).ready(function(){ //DOM的onload事件处理函数
$("#button").click(function(){ //当按钮button被点击时的处理函数
postdata(); //button被点击时执行postdata函数
});
});
function postdata(){ //提交数据函数
$.ajax({ //调用jquery的ajax方法
type: "POST", //设置ajax方法提交数据的形式
url: "ok.php", //把数据提交到ok.php
data: "writer="+$("#writer").val()+"&pass="+$("#pass").val(), //输入框writer中的值作为提交的数据
success: function(msg){ //提交成功后的回调,msg变量是ok.php输出的内容。
alert("数据提交成功"); //如果有必要,可以把msg变量的值显示到某个DIV元素中
}
});
}
</script>
后台文件:
<?php
require "config.php";
require "conn.php";
$writer=$_POST['writer'];
$pass=$_POST['pass'];
mysql_query("insert into user values(0,'$writer','$pass')",$db);
//echo $_POST['writer'];
?>
- 页面不刷新,提交表单
- 页面不刷新,提交表单
- 提交表单不刷新页面
- 表单提交不刷新页面
- 提交表单不刷新当前页面
- 怎样提交表单但是不刷新页面
- Form表单异步提交,不刷新页面
- php提交表单不刷新页面
- form 表单提交不刷新页面
- 不刷新页面提交表单,并显示进度条
- 如何实现提交form表单而不重新刷新页面
- 使用iframe提交表单不刷新页面的方法
- 页面不刷新,表单提交到弹出窗口或Iframe
- 实现不刷新整个页面来 submit 提交表单
- 怎么实现表单提交后不重新刷新当前页面
- 使用iframe实现提交表单不刷新页面
- 怎么让Form提交表单当前页面刷新不跳转
- Jquery.form提交表单数据,不刷新页面。
- javascript 动态改变菜单内容
- 银行家算法的C实现
- Android 网络应用重点———使用HttpURLConnection 上传文件
- 泛型HibernateDAO的实现
- 转:text box 阻止文本框回车键动作
- 提交表单不刷新页面
- Steps of Installing Apache on MacOSX
- jstl 语法
- jquery 插件
- iphone被抢和乔布斯辞职的消息在竟在同一天同一刻发生
- android布局属性
- linq实例 - Group的使用(三)
- "A duplicate insert block exists for class......"的解决办法
- DJNZ指令:DJNZ R6,D2 ;