ajax请求方式+ajax同步与异步+ajax登陆案例

1 Ajax执行过程：

返回的数据放在success的data数据中

2 Ajax同步异步请求

 $(function(){
            //绑定btnAjax的click事件
            $('#btnAjax').click(function(){
                alert(1)
                $.ajax({
                'url':'ajax_handle',
                'dataType':'json',
                //'async':false,//同步ajax请求，默认是异步请求
                }).done(function(data){
                    //进行处理
                    alert(2)
                    if(data.res==1){
                        $('#message').show().html("提示信息")
                    }
                })
                alert(3)
            })
        })

3Ajax登录案例

1)首先分析出请求地址时需要携带的参数。
2)视图函数处理完成之后，所返回的json的格式。

1)显示出登录页面

a)设计url,通过浏览器访问http://127. 0. 0. 1:8000/1ogin_ajax 时显示登录页面。
b)设计url对应的视图函数login_ajax。
c)编写模板文件login_ ajax.html。
在里面写jquery代码发起ajax请求。

2)登录校验功能

a)设计url，点击登录页的登录按钮发起请求http://127. 0. 0.1:8000/login_ajax_check 时进行登录校验。
b)设计url对应的视图函数login_ajax_check.
接收post提交过来的数据。
进行登录校验，并返回json内容。JsonRepsone
Json格式如下：
{’res’:‘1’}#表示登录成功
{‘res’:‘0’}#表示登录失败