當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

django的ajax_get请求

發布時間：2024/1/23 编程问答 24 豆豆

生活随笔收集整理的這篇文章主要介紹了 django的ajax_get请求小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

1、ajax
Ajax 介紹：AsynchronousJavascript and XML(異步的JavaScript和xml)。
普通請求，會攜帶整個頁面提交，最明顯的特征是刷新頁面，并且請求可能阻塞整個服務。這樣導致：
請求內容和響應內容冗余，
用戶體驗特別差。
基于以上的問題，后來出現了ajax請求。
1、ajax可以發起局部請求，頁面整體可以不刷新，只是頁面的局部刷新。
2、Ajax可以發起異步請求，請求的過程當中不會阻塞web正常操作和訪問。
Ajax的興起得益于Google公司的推廣，Google公司在本公司大量的項目當中使用了ajax。這件事兒讓微軟公司感覺很尷尬，在1997年，微軟公司就發明了ajax核心技術，1999年微軟的ie5瀏覽器就開始兼容ajax對象(xmlhttpRequest),微軟公司在后來就將ajax技術擱置了。
Ajax需要js語法進行編寫，原生js的ajax比較復雜，因為各種瀏覽器對ajax對象的兼容是不一樣的，使用js寫ajax，首先要完成的是各種瀏覽器的ajax實例創建。比較繁復，所有我們通常用jq封裝過的ajax。
Ajax get請求
需要一個頁面，但是需要兩個視圖。
第一個視圖只是負責生產ajax請求的頁面：
1、視圖文件

from django.http import JsonResponse#json+httpresponse def ajax_get_data(request):result={"status":"error","content":""}#初始化一個返回結果的格式username=request.GET.get('username')#獲取ajax_get請求過來的usernameprint(username)if username:#用戶名不為空user=LoginUser.objects.filter(username=username).first()#查詢數據庫有沒有和新輸入的用戶名一樣的用戶名print(user)if user:#如果有1結果，證明用戶名已經被使用result["content"]="用戶名重復"else:#如果沒有結果，證明用戶名沒有被使用，可以使用result["status"]="success"result["content"]="用戶名可以使用"else:#如果用戶名可以為空result["content"]="用戶名不可以為空"return JsonResponse(result)

2、靜態頁面 ajax_get.html

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><script src="/static/js/jquery.min.js"></script> </head> <body> <input id="username" type="text"> <button id="valid" type="button">效驗</button> <span id="tishi" style="color:red;"></span> <script>$("#valid").click(function(){var username=$("#username").val();//獲取輸入的用戶名var url="/agd/?username="+username;//拼接url$.ajax(//發起ajax請求，是 jq ajax的固定格式{ //ajax配置項必須在一個對象（字典）當中url:url,//請求的路由type:"get",//請求的類型success:function (data) {//請求成功的數據var content=data.content;$("#tishi").text(content)},error:function (error) {//請求失敗的數據console.log(error)}})}) </script> </body> </html>

3、路由配置

path('ag/',ajax_get), path('agd/',ajax_get_data),

總結

以上是生活随笔為你收集整理的django的ajax_get请求的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： django的ajax_cookie和s
下一篇： Django类视图