全注释适合新手理解上手的AJax解析

全注释适合新手理解上手的AJax解析

如果你不熟悉AJax，但是有急于使用怎么办？话不对说，直接上代码。看注释一定能动，照葫芦画瓢，一定也知道怎么用。

下面提供一个AJax提交表单的案例：

<form action="#" method="post" id="login_form">
	用户名：<input type="text" name="user">
	密码：<input type="password" name="pw">
	<input type="submit" id="login_btn" value="提交">
</form>

<script type="text/javascript">
    $(function () {
   // HTML代码中id为"login_btn"的元素
        $("#login_btn").click(function () {
            $.ajax({
            //要请求的url
                url:"/login/dologin",
                //请求方式
                type:"POST",
                //传递到后端的数据
                 data:$("#login_form").serialize(),
                 //返回的数据类型为json，视情况而加。
                 dataType:"json",
                 //成功后执行的方法，data为后端传回的数据
                success:function (data) {
                    if(data){
                    //跳转页面url为"/login/main"
                        window.location.href= "/login/main";
                    }else
                        alert("用户名或密码错误!")
                    }
            });
        });
    });
</script>