理想国真恵玩Python从入门到精通024Ajax登录案例

Python私教 2018-12-03 12:50:18

概念

异步的javascript。在不全部加载某一个页面部的情况下,对页面进行局的刷新,ajax请求都在后台。

重要的点

1)  首先分析出请求地址时需要携带的参数。

2)  视图函数处理完成之后,所返回的json的格式。

显示登录页面

a)  设计url,通过浏览器访问 http://127.0.0.1:8000/login_ajax 时显示登录页面。

b)  设计url对应的视图函数login_ajax。

c)  编写模板文件login_ajax.html。

在里面写jquery代码发起ajax请求。

登录校验功能

a)  设计url,点击登录页的登录按钮发起请求http://127.0.0.1:8000/login_ajax_check时进行登录校验。

b)  设计url对应的视图函数login_ajax_check。

接收post提交过来的数据。

进行登录校验,并返回json内容。 JsonRepsone

Json格式如下:

{'res':'1'} #表示登录成功

{'res':'0'} #表示登录失败

总结

1.什么是Ajax

一种不刷新整个页面就和服务器进行数据交换的技术

2.怎么写Ajax

a).导入jQuery文件

b).定义触发Ajax的标签

c).写Ajax方法

$.ajax({

这里面写数据

url:请求地址 一般是一个相对地址

type:请求类型 一般是POST

data:请求数据 通过JavaScript动态生成

Django后台获取数据的方法

request.POST.get(传输的数据的键)

dataType:数据类型 一般是json

}).success(function(data){

对返回的数据进行处理

Django通过return JsonResponse({键值对})的方式返回数据

跳转页面的方法

location.href='要跳转的网址'

})

3.Ajax重要的技术点

$.Ajax({url,type,data,dataType}).success(function(data){

处理data

location.href='url'

})

0 阅读:0

Python私教

简介:全栈工程师,目标人工智能.抖音同理想国真恵玩.