Django与Ajax

特点:

        异步提交

        局部刷新

例子:github注册

动态获取用户名实时的跟后端确认并实时的展示到前端(局部刷新) 

朝后端发送请求的方式

        1.浏览器地址栏直接输入url回车 -----》get请求

        2.a标签的href属性  -----》get请求

        3.form表单 -----》get请求、post请求

        4.ajax -----》 get请求、post请求

真正的ajax原生,需要使用js操作,jq的ajax方法是对原生js的封装,方便咱们使用

(其他框架也可以,原理是一样的)

前后端混合项目中,我们通常使用jq的ajax实现 js和后端异步交互
        jq操作dom
        jq发ajax请求
前后端分离项目中,我们会使用另一个第三方库,实现 js和后端异步交互(axios)
 

写一个例子:

页面上有三个input框,前两个框输入数字,点击提交,朝后端发送ajax请求,后端计算出结果再返回给前端,动态展示到第三个input框中,整个页面不能刷新,也不能在前端计算

html代码




    
    Title
    
    
    


+=



views代码

from django.shortcuts import render,HttpResponse


def ab_ajax(request):
    if request.method=='POST':
        l1 = request.POST.get('l1')
        l2 = request.POST.get('l2')
        #先转成整型再加
        l3=int(l1)+int(l2)

        return HttpResponse(l3)

    return render(request,'ajax.html')

你可能感兴趣的:(ajax,前端,javascript)