没用过ajax，求大神给个简单的例子看看：使用ajax技术判断用户名是否存在。

 $.ajax({  
        url:"servlet",  
        type:"post",//get  
        data:{},  
        async:true,  
        cache:true,  
        complete:function(){},  
        traditional:false,  
        dataType:"json",  
        success:function(data){},  
        error:function(){}  
     });  

 $.post("servlet",{},function(data){},"json");  
 $.get("servlet",function(data){},"json");  

$（"#检测按钮").click(function(){
// ajax 简单的写法
$.ajax({

url:"请求路径",

type:"post",//get

data:{带入后台的参数},

dataType:"json",

success:function(data){
// 成功的 回调函数 可以在这里 显示判断结果 如后台你判断的结果为 true 和false
if(data){
alert("该用户名已存在")
}else{
alert("该用户名可以使用")
}

            },  
    error:function(){
                这是ajax 失败时候 执行的函数
            }  
 });

})

图给错了

jQuery使用ajax

//校验活动编号是否已存在
var url = "${createLink(controller:'marketingCampaign', action:'checkCampaignNo')}";var parms = "campaignNo=" + campaignNo;var boo = false;jQuery.ajax({
type:'post',
data:parms,
url: url,
async:false}).done(function(data){
if(data != null && data.length > 0){
Dialog.alert(data);
boo = false ;
} else {
boo = true;
}
});if(!boo){
return false
}

后台代码：

//校验活动编号是否已存在def checkCampaignNo = {
String result = ""
String campaignNo = params.campaignNo
if(MarketingCampaign.findByCampaignNo(campaignNo))
result = "活动编号["+campaignNo+"]已存在"
render(result)
}

这个跟你要的应该类似

简单的jquery请求例子

    function checkUser(username) {
        $.post('url', {username:username},function(result){
            if (! result.success)
                alert('用户名已经被使用'); 
        }, 'json');
    }

ajax检测用户名是否存在

jquery的ajax

先导入jquery

$ .ajax(

url:服务器地址,

type:请求方式 get或者post,

dataType:服务器返回数据类型 text 或json,

success:function(result){回调函数 result为返回结果集},

error:function(x,j,r){错误发生时进入 如400}

)

你可以把返回的结果判断一下，然后alert一下，（这只是测试），如果成功的话你在做接下来的处理

function checkUser(username) {
$.post('url', {username:username},function(result){
if (! result.success)
alert('用户名已经被使用');
}, 'json');
}

 $（"#检测按钮").click(function(){
// ajax 简单的写法 
$.ajax({

url:"请求路径",

type:"post",//get

data:{带入后台的参数},

dataType:"json",

success:function(data){
// 成功的 回调函数 可以在这里 显示判断结果 如后台你判断的结果为 true 和false
if(data){
alert("该用户名已存在")
}else{
alert("该用户名可以使用")
}

            },  
    error:function(){
                这是ajax 失败时候 执行的函数
            }  
 });
})

1.以用户名为参数， 发送ajax请求，
2. 在请求回调函数中，接收后台的返回结果，
3. 解析后台数据格式， 判断即可，再给出友好提示。