＜!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 方法 使用