使用AJAX和Django获取数据的方法实例

fetch(URL, {
  headers:{
   'Accept': 'application/json',
   'X-Requested-With': 'XMLHttpRequest', //Necessary to work with request.is_ajax()
  },
 })
 .then(response => {
  return response.json() //Convert response to JSON
 })
 .then(data => {
  //Perform actions with the response data from the view
 })

# views.py
from django.http import JsonResponse

def ajax_get_view(request): # May include more arguments depending on URL parameters
 # Get data from the database - Ex. Model.object.get(...)
 data = {
   'my_data':data_to_display
 }
 return JsonResponse(data)

fetch(URL, {
  method: 'POST',
  credentials: 'same-origin',
  headers:{
   'Accept': 'application/json',
   'X-Requested-With': 'XMLHttpRequest', //Necessary to work with request.is_ajax()
   'X-CSRFToken': csrftoken,
 },
  body: JSON.stringify({'post_data':'Data to post'}) //JavaScript object of data to POST
 })
 .then(response => {
  return response.json() //Convert response to JSON
 })
 .then(data => {
 //Perform actions with the response data from the view
 })

function getCookie(name) {
  let cookieValue = null;
  if (document.cookie && document.cookie !== '') {
   const cookies = document.cookie.split(';');
   for (let i = 0; i < cookies.length; i++) {
    const cookie = cookies[i].trim();
    // Does this cookie string begin with the name we want"htmlcode">

# views.py
from django.http import JsonResponse
import json

def ajax_post_view(request):
 data_from_post = json.load(request)['post_data'] #Get data from POST request
 #Do something with the data from the POST request
 #If sending data back to the view, create the data dictionary
 data = {
  'my_data':data_to_display,
 }
 return JsonResponse(data)




我们认为，我们需要从AJAX请求中提取数据才能使用它。数据以JSON格式发送，因此我们需要使用json.load（request）将其加载到视图中。这需要从Python标准库中导入json模块。结果是我们通过提取发送的数据的字典。现在，我们可以通过其键访问数据。
一旦获得了请求中的数据，我们就可以执行用户希望启动AJAX请求的操作。这可能是创建模型的新实例或更新现有实例。
与GET请求一样，可以使用JsonResponse和带有数据的字典将数据发送回页面。这可以是新的或更新的模型对象，也可以是成功消息。
确保请求是AJAX
在大多数情况下，都会发出AJAX请求，因为我们只希望更新页面的一部分，并且需要获取新数据来进行更新。在页面上下文之外，JsonResponse返回的数据本身很少使用。但是，如果我们没有正确设置视图，则可以在AJAX请求之外访问数据，并且不会像我们期望的那样将其呈现给用户。
为了防止这种情况的发生，我们可以使用request.is_ajax（）方法在视图中添加检查以确保该请求是AJAX请求。


# views.py
from django.http import JsonResponse

def ajax_view(request):
 if request.is_ajax():
  data = {
    'my_data':data_to_display
  }
  return JsonResponse(data)




这使用“ X-Requested-With”标头来确定请求是否由AJAX发起。 如果尝试通过直接在浏览器中键入URL来访问此视图，则会收到错误消息。 可以向视图中添加其他逻辑（例如重定向），以防止用户尝试在没有AJAX请求的情况下访问视图时看到错误。
Django 3.1及更高版本


在即将发布的Django 3.1版本（2020年8月）中，request.is_ajax（）将被弃用。 这意味着如果我们要检查AJAX请求，则必须自己重新创建功能。 幸运的是，Django开发人员确切地告诉我们我们需要做什么。 我们必须自己从request.is_ajax（）方法重新创建逻辑，该逻辑只有1行代码：


request.headers.get('x-requested-with') == 'XMLHttpRequest'



现在，我们可以编辑视图以包括此检查：


def ajax_view(request):
 if request.headers.get('x-requested-with') == 'XMLHttpRequest':
 # Get requested data and create data dictionary
 return JsonResponse(data))



一些重要注意事项
尽管获取是发出AJAX请求的便捷方法，但并非所有浏览器（即所有版本的Internet Explorer）都支持提取。 如果需要支持IE，请查看jQuery或XMLHttpRequest来发出AJAX请求。
AJAX请求应仅限于Django项目的一小部分。 如果发现自己在多个模板中使用它们来获取大量数据，请考虑使用Django Rest Framework创建API。
概要
通过在Django项目中使用AJAX请求，我们可以更改页面的某些部分而无需重新加载整个页面。 提取API使添加此功能相当轻松，同时需要最少的JavaScript。 正确而谨慎地使用它，可以使我们的页面感觉更快，并为用户提供更多的交互体验。
原文：https://www.brennantymrak.com/articles/fetching-data-with-ajax-and-django.html
总结