最简单jquery.ajax+php例子(对话框显示文本框输入内容),以小见大(初学手记)
2013-11-23 14:33
721 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Hello Jq</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script language="javascript" src="js/jquery-1.3.2.js"></script>
<script language="javascript">
function GetUserNameValues(strValue)
{
$.get("ajax.php", {value:strValue}, function(text){
alert(text);
});
}
</script>
</head>
<body>
<form name="form" method="POST">
<div style="text-align:center;margin-top:20%;">
<table>
<tbody>
<tr>
<td><input type="text" id="txtName" name="txtName" value="" onblur="return GetUserNameValues(this.value);"/></td>
</tr>
</tbody>
</table>
</div>
</form>
</body>
</html>
ajax.php
<?php
echo $_GET['value'];
?>
<html>
<head>
<title>Hello Jq</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script language="javascript" src="js/jquery-1.3.2.js"></script>
<script language="javascript">
function GetUserNameValues(strValue)
{
$.get("ajax.php", {value:strValue}, function(text){
alert(text);
});
}
</script>
</head>
<body>
<form name="form" method="POST">
<div style="text-align:center;margin-top:20%;">
<table>
<tbody>
<tr>
<td><input type="text" id="txtName" name="txtName" value="" onblur="return GetUserNameValues(this.value);"/></td>
</tr>
</tbody>
</table>
</div>
</form>
</body>
</html>
ajax.php
<?php
echo $_GET['value'];
?>
相关文章推荐
- 最简单jquery.ajax+php例子(对话框显示文本框输入内容),以小见大(初学手记)
- 最简单jquery.ajax+php例子(对话框显示文本框输入内容),以小见大(初学手记)
- 一个PHP一直执行的例子 不会计划任务可以用这个 PHP+jquery前台动态显示数据库内容
- php+jquery+ajax+json简单小例子
- php+jquery+ajax+json简单小例子
- 【转】jQuery+Ajax+PHP登录实例 一个简单的用Jquery中ajax方法登录的例子
- php+jquery+ajax+json简单小例子
- jQuery+JavaScript+PHP 制作简单的文本框输入自动提示
- php+jquery+ajax+json简单小例子
- 一个最简单的基于PHP+jQuery的AJAX例子
- php+jquery+ajax+json简单小例子
- 1. 简单的加法计算器,用户在文本框1,2中输入两个数,点击按钮,在文本框3中显示两个数的和。如果1或者2为错误的数据格式,则弹出对话框提示错误。
- JQuery.ajax——简单例子
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- 文本框里显示提示语言,点击可以输入其他内容
- jQuery+Ajax+PHP+Mysql实现分页显示数据
- jquery之显示多个文本框剩余输入字数
- jQuery+Ajax+PHP+Mysql实现分页显示数据
- jQuery+Ajax+PHP+Mysql实现分页显示数据
- jQuery/Ajax/PHP/Json 的一个综合例子