概要：

Ajax异步请求数据之前就听朋友提起过，但是之前一直没有什么机会使用这个技术，就没有去了解，后面在做网站评论这一功能时，为了使用户评论之后不用刷新网页就能够看到刚刚评论的数据，所以决定使用Ajax来异步请求数据，最近正在学习当中。Ajax最大的特点就是在不刷新当前页面的情况下实现数据的请求。

常规使用form表单进行数据的提交：

一般情况下要实现前端向后端发送数据，常用的有两种传输数据的方式：POST和GET，而常用的数据提交形式是使用Form表单，在Form表中指定action来指定提交数据的目标地址，当使用submit提交数据后，随着网页的跳转前端会把数据发送给后端，实现数据的交互。

代码：

{% csrf_token %}

使用Ajax实现数据提交：

前端代码：

{# 通过id找到对应的表单 #}

$('#hwy').submit(function () {

{# 使用ajax进行数据异步提交 #}

$.ajax({

// 提交数据的url

url: '/ajax_form/',

// 提交数据的方式为POST

type: 'POST',

// 指定提交的数据，这里使用的serialize方法，该方法可以将当前的表单转化为可以使用Ajax提交的数据格式

data: $(this).serialize(),

// 不开启数据缓存

cache: false,

// 请求成功则会执行该方法

success: function (data) {

// 显示响应到的数据

console.log(data);

// 插入数据

var comment_html = "

";

$('#hwy_1').remove();

$('#ajax_data').prepend(comment_html);

$('#hwy_input').val('');

},

});

{# 放回一个false，使得点击提交按钮后不会进行数据提交 #}

return false;

});

其中指定了提交数据的目标URL、提交数据的形式、提交的数据，其中提交数据是使用的是data: $(this).serialize(),，其含义是将当前选定的表单值进行序列化，使其能够完成Ajax的数据提交，数据提交到目标URL后，后端就需要对数据进行接收和处理，由于是POST请求，所以接受参数的方法为request.POST['key']，获取到数据并处理后，需要将数据再传递给前段，需要注意的是：返回的数据的格式必须是Json格式，所以就必须使用到Django提供的JsonResponse方法。

views.py

from django.shortcuts import render, HttpResponse

from django.http import JsonResponse

# Create your views here.

def ajax(request):

return render(request, 'Ajax.html')

def ajax_form(request):

data = {}

data['status'] = 'SUCCESS'

data['log_info'] = request.POST['username']

return JsonResponse(data)

返回数据后，前端会接受该数据，我们需要做的就是将该数据显示在前端页面。