使用jquery不刷新前台页面完成提交表单的例子 -

dimingchan

浏览: 54929 次
性别:
来自: 广州

最近访客更多访客>>

zcediaos

knight_black_bob

crazyeyeit

ruanjianxiaoxuesheng

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

使用jquery不刷新前台页面完成提交表单的例子

博客分类：

PHP编程

jQuery PHP Ajax HTML

使用jquery不刷新前台页面完成提交表单的例子。

前台文件：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>不刷新页面提交表单测试</title>
</head>
<body>
<h1>不刷新页面提交表单测试</h1>
<br />
<input name="writer" id="writer" type="text" value="" />
<input name="pass" id="pass" type="password" value="" />
<input type="submit" name="submit" id="submit" value="提交" />
</body>
</html>

<script type="text/javascript" src="js/jquery.js"></script>
<!-- 这里不需要form，因为提交时call一个函数 -->
<script type="text/javascript">
$(document).ready(function(){// DOM的onload事件处理函数
	$("#submit").click(function(){// 当按钮submit被点击时的处理函数
		postdata();// submit别点击时执行postdata函数
	});
});

function postdata(){// 提交数据函数
	$.ajax({// 调用jquery的ajax方法
		type:"POST",// 设置ajax方法提交数据的形式
		url:"ok.php",// 把数据提交到ok.php
		
		/* 输入框writer中的值作为提交的数据，
         * 必须使用key/value的形式，如"key=value"，
         * 如果多个键值对，就使用&分隔开，
         * 如"key1=value1&key2=value2" */
		data: "writer="+$("#writer").val()+"&pass="+$("#pass").val(),
		success:function(msg){// 提交成功后的回调，msg变量是ok.php输出的内容
					alert("数据提交成功");// 如果有必要，可以把msg变量的值显示到某个DIV元素中
					alert(msg);
				}
	});
}
</script>

后台文件：

<?php
$writer=$_POST['writer'];
$pass=$_POST['pass'];
if(!empty($writer)&&!empty($pass)){
	echo $writer.$pass."<br/>";
}else{
	echo "Empty!";
}
?>

分享到：

PEAR的MDB2学习笔记 | php链接mysql数据库不能用localhost的解 ...

2010-11-10 11:01
浏览 5864
评论(0)
分类:编程语言
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

使用jquery不刷新前台页面完成提交表单的例子

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

使用jquery不刷新前台页面完成提交表单的例子

评论

发表评论

相关推荐

PHP中静态方法(static)与非静态方法的使用及区别

PHP导出excel表格,PHP导出Excel报表，PHP导出Xls表格!

正则表达式匹配html 过滤非法字符

iframe ie下设置无边框

php session_id() session_name()

linux 下 apache启动、停止、重启命令

JavaScript escape() 函数

PHP中@符号的作用。

Ubuntu Linux下安装Zend Studio

php ob_start 与 ob_end_flush()

详解PHP ob_start()函数的功能要点

php函数ob_start()、ob_end_clean()、ob_get_contents()

Memcache基础教程

PEAR的MDB2学习笔记

php链接mysql数据库不能用localhost的解决方法

Pear MDB2安装及MDB2 Error: not found问题

php教程 DOM解析xml文档实例

PHP中的COOKIE和SESSION使用技巧

PHP获取当前文件路径,上层目录路径

linux的chmod与chown命令详解

最近访客更多访客>>