＜!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＞Insert title here＜/title＞
            ＜script type="text/javascript" src="js/jquery-1.4.2.min.js"＞
            ＜/script＞
        ＜/head＞
        ＜body＞
            ＜form action="#" method="post"＞
                用户名:＜input type="text" name="username" id="username"＞＜span id="checkname"＞用户名是否被用＜/span＞
                ＜div id="user"＞
                ＜/div＞
            ＜/form＞
            ＜script type="text/javascript"＞
                var username = $('#username').val();
                $('#checkname').bind('click', function(){
                    $.get('get.php?username=' + username, null, display);
                });
                
                function display(data){
                    $('#user').html(data);
                }
            ＜/script＞
        ＜/body＞
    ＜/html＞
    
    
    ```
    

         // get.php 服务器端文件
    
    ＜?php
    $username = $_GET['username'];
    if($username){
     $link = mysql_connect('localhost','root','') or die(mysql_error());
     mysql_select_db('users',$link) or die(mysql_error());
     $sql = 'select * from `users` where name = $username;
     $ret = mysql_query($sql);
     if($ret){
      echo '用户名已经注册，请再换一个试试吧';
     }else{
      echo '用户没有注册可以使用';
     }
    }
    ?＞
    ```


jquery  ajax 异步 获取  get 方法 使用