2分钟学会ajax 入门ajax必备
生活随笔
收集整理的這篇文章主要介紹了
2分钟学会ajax 入门ajax必备
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
聲明：ajax需要有一定的HTML 和js、jsquery基礎
這里是基于python3和django2.1.8實現的ajax例子
?原理圖：
?
原理解釋:
1.前端向后端發送ajax請求:
必須寫出你要請求的地址，請求的方式，請求的數據類型，這里一般為json格式
2.django后端對前端發起的請求進行處理返回一個JsonResponse對象，數據格式為字典這里的處理函數要和1中的請求地址保持一致
3.前端執行回調函數，當獲取到后端傳過來的順序之后進行最后的處理。
下面是詳細步驟：
1． Html文件中引入jquery靜態文件
這里靜態文件的引入可以查看我以前的博客，相信大家應該都會
{% load static %} <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title>{#1.引入jquery靜態文件#} <script src="{% static 'js/jquery-1.12.4.min.js'%}"></script>
2． 在html中尋找ajax需要綁定事件的對象
首先我們看看測試的html文件中body中的內容
<body> <input type="button" id="obj" value="ajax請求提交"> </body>我們準備將這個按鈕綁定給ajax
$(function () {{#綁定ajax事件#}$("#obj").click(function () {$.ajax({'url':'/user/ajax_handle', #這里是請求的方法的地址'dataType':'json',}).success(function (data) { #這里一定要傳入參數data//進行處理\{#alert(data.res)#}if (data.res == 1){}alert(data.res)})})})</script>
格式如上圖
我們看看view的視圖函數同時各位記得配置一下路由就ok了
?
?
?問題：
如上操作會報錯403錯誤：
解決方案如下：
在views.py中引入如下 from django.views.decorators.csrf import csrf_exempt,csrf_protect 如下 在views.py里定義的函數加上裝飾器@csrf_exempt def ajax_test(request):return render(request,'ajax_test.html')@csrf_exempt def ajax_handle(request):return JsonResponse({'res':1})#這樣就ok了
?
轉載于:https://www.cnblogs.com/pythonyeyu/p/11341358.html
與50位技術專家面對面20年技術見證，附贈技術全景圖總結
以上是生活随笔為你收集整理的2分钟学会ajax 入门ajax必备的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： word 2007 文档中添加文件
- 下一篇： CAS服务下单点登录（服务端与客户端）