现在正在学习jQuery,ajax,苦于一直没有实现过,今天终于实现了一个最简单的应用。
首先建立一个html页面,取名test.html。
- <!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN” ”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
- <html xmlns=“http://www.w3.org/1999/xhtml”>
- <head>
- <meta http-equiv=“Content-Type” content=“text/html; charset=UTF-8″ />
- <title>jQuery ajax</title>
- <script type=“text/javascript” src=“../jquery-1.5.2.min.js”></script>
- <script type=“text/javascript” src=“test.js”></script>
- </head>
- <body>
- 用户名:<input type=“text” size=“6″ name=“NAME” id=“NAME”/>
- <span id=“gradeinfo”></span>
- </body>
- </html>
然后建立.js文件,取名test.js
- $(document).ready(function(){
- checkConfirm();
- });
- //验证用户名是否存在
- function checkConfirm(){
- $(“#NAME”).blur(function(){//当grade.htm里的id为NAME的表单输入完以后触发动作
- var name = $(this).val();//取得id为NAME的表单里的值
- var changeUrl = “test.php?action=check&name=”+name;
- $.get(changeUrl,function(str){
- if(str==’1′)
- {
- $(“#gradeinfo”).html(“<font color=\”red\”>您输入的用户名存在!请重新输入!</font>”);
- } else {
- $(“#gradeinfo”).html(“<font color=\”green\”>您输入的用户名可以注册!</font>”);
- }
- })
- return false;
- })
- }
最后来建立test.php文件,后台查询数据和返回给js
- <?php
- header(“Content-type:text/html;charset=utf-8″);
- $name = $_GET['name'];
- $link = mysql_connect(“localhost”,“root”,“123456″)or die(“数据库连接失败”.mysql_error());
- mysql_select_db(“test”,$link);//此处数据库名,即test,改为你自己的
- mysql_query(“set names utf8″);
- $sql = “SELECT * FROM z_class WHERE name=’{$name}’”;//此处表名,即z_class,改为你自己的
- $result = mysql_query($sql);
- $info = mysql_fetch_array($result,MYSQL_ASSOC);
- if($info)
- {
- echo ’1′;
- } else {
- echo ’0′;
- }
- exit();
- ?>
PS:不要忘记导入jQuery文件!