day69

今日回顾

Django与Ajax

一、什么是Ajax

AJAX（Asynchronous Javascript And XML）翻译成中文就是“异步Javascript和XML”。即使用Javascript语言与服务器进行异步交互，传输的数据为XML（当然，传输的数据不只是XML,现在更多使用json数据）。

• 同步交互：客户端发出一个请求后，需要等待服务器响应结束后，才能发出第二个请求；
• 异步交互：客户端发出一个请求后，无需等待服务器响应结束，就可以发出第二个请求。

AJAX除了异步的特点外，还有一个就是：浏览器页面局部刷新；（这一特点给用户的感受是在不知不觉中完成请求和响应过程）

优点：Ajax使用Javascript技术向服务器发送请求，Ajax无须刷新整个页面

使用：使用了jq帮咱们封装的方法  ajax ，名字跟ajax相同 $.ajax
真正的ajax原生，需要使用js操作，jq的ajax方法是对原生js的封装，方便咱们使用
    -前后端混合项目中，我们通常使用jq的ajax实现 js和后端异步交互
        -jq操作dom
        -jq发ajax请求
    -前后端分离项目中，我们会使用另一个第三方库，实现 js和后端异步交互（axios）
        -只想发送ajax请求---》只用来发ajax请求的库 

二、基于jquery的Ajax实现

send_Ajax

三、案例

通过Ajax，实现前端输入两个数字，服务器做加法，返回到前端页面

写一个计算小案例--ajax
 +  = 
计算

def demo01(request):
    if request.method == 'GET':
        return render(request, 'demo01.html')
    else:
        one = int(request.POST.get('one'))
        two = int(request.POST.get('two'))
        myfile = request.FILES.get('myfile')
        with open(myfile.name, 'wb') as f:
            for line in myfile:
                f.write(line)

        print(request.body)

        return JsonResponse({'code': 100, 'msg': '上传成功', })

五、Ajax提交json数据格式

提交到服务器的数据都在 request.body 里，取出来自行处理