亲测ajax简单实例

<ul>
        <li class="first_l" style="text-align:left;"><b style="font-size:18px; 	color:red;">用户登录</b></li>
        <li><b>用户名:</b><input name="loginname" id="loginname" type="text" /></li>
        <li><b style=" letter-spacing:3px;">密 码:</b><input name="password" type="password" /></li>
        <li><b>验证码:</b> <img src="<%=basePath %>/img/vcodeimg.action" ><input class="vCode" title="点击刷新验证码" alt="vCode" name="vCode" id="vCode" type="text" /></li>
        <li style="text-align:center;  margin-left:10px;" >
        <button style="float:left;"  onclick="commit()"><span>登录</span></button>
        </li>
    </ul>

　　

<script>
function commit(){
var formdata = new FormData(); // 模拟表单对象
formdata.append("loginname", $("#loginname").val());
formdata.append("password", $("#password").val());
formdata.append("vCode", $("#vCode").val());
$.ajax({
url : '${ctx}/login/loginJson.action',
type : 'POST',
async : false,
data: formdata,
// 告诉jQuery不要去处理发送的数据
processData : false,
// 告诉jQuery不要去设置Content-Type请求头
contentType : false,
beforeSend:function(){
console.log("正在架子，请稍候");
},
success : function(data) {
alert(data.message);	
},
error : function() {
alert("页面加载错误！");
}
}); 
}
</script>