Jquery 实现 Ajax

0x01 导入jquery.js

<script type="text/javascript" src="./js/jquery.min.js"></script>

0x02 调用 jquery 的ajax方法

$(function(){
    $('#login').on('submit',function(){
        var $form = $(this),
        //将所需要提交的form表单 序列化为字符串
        postData = $form.serialize();
        // loading...
        //getJson第一个参数为要请求的url,第二个是传递过去的参数
        $.getJSON('LoginAction',postData).done(function(data){
            //data为返回来的json数据
            if(data.msg){
                location.href="Home.jsp";
                alert("登陆成功");
            }else{
                alert("账号/密码错误 请重新输入");
            }
        }).fail(function(){
            alert('登录出错:网络连接出现问题,请稍后再试。');
        }).complete(function(){
            // un loading...
        })
        return false;
    });
});

参考链接http://www.w3cschool.cn/ajax_getjson.html

Comments