ajax

ajax的基本用法这里以登入来解释
先来个普通方法来传给后台

<script type="text/javascript">
    function login() {
        var username=document.getElementById("username").value;
        var password=document.getElementById("password").value;
        var parmas="username="+username+"&password="+password;
        alert(parmas);
        var request=new XMLHttpRequest();
        request.open("get","${pageContext.request.contextPath}/user/login.do?"+parmas);
        request.send();w
        request.onreadystatechange=function () {
            if (request.readyState==4&&request.status==200) {
                var rsptext=request.responseText;
                if (rsptext=="success"){
                    alert("success")
                }
                else {
                    alert("failure")
                }
            }
        }
    }
</script>

里面的代码也过于繁琐，所以一般都会采用ajax来写，代码优化

<script type="text/javascript">
    var verifyCode=new GVerify("v_container");
    function login() {
        var username=$("#username").val();
        var password=$("#password").val();
        var code=$("input[name=verifyCode]").val();
        if (username==""){
            alert("手机不能为空");
            return
        }
        if (password==""){
            alert("密码不能为空");
            return
        }
        if (code==""){
            alert("验证码不能为空");
            return
        }
        if (!verifyCode.validate(code)){
            alert("验证码错误");
            return
        }
        $.ajax({
            url:"${pageContext.request.contextPath}/user/login1.do",
            type:"post",
            dataType:"json",
            data:{
                username:username,
                password:password
            },
            success:function (data) {
                if (data.result=="1")
                {
                    alert("success")
                }
                else {
                    alert("failure")
                }
            }
        })
    }
</script>

这里处理很多东西，ajax的厉害就体现出来了，可以提示你一些内容，只需要固定传入东西就可以完成了
至于ajax里面更多的参数，这里不一一讲解，我也没学到