使用Ajax与Django通信实例

我的开发环境

Django 1.11.4

Python 3.5.1

Jquery 1.11.2

简单需求描述

网页中一个表格，点击启动按钮后，服务器执行启动动作，并且执行后需要根据返回码更新界面。这是一个典型的Ajax需求，我们使用Jquery库一步一步实现这个过程。

下面记录使用过程步骤1. Html中定义一个button按钮

在Django的Template文件中，定义一个id为btn_start_task的button，并且该Button在Form标签中。

步骤2. Url路由设置

设置完前端后，我们创建一个路由，将url路径与view函数对应，同时起个名字，这个名字在Ajax函数中可以用 url: ‘{% url “StartEvalTask” %}’, 也可以用url: ‘/ajax/start_eval_task/‘引用

步骤3. 使用Jquery挂接Button的click函数

task_id取自button中的value作为参数，这个函数的意思是，一旦点击按钮，就调用url对应的函数，并且传递参数data过去，类型为Json。如果顺利执行完，会弹框提醒执行完毕。

注1. JSON.stringify函数作用是将Javascript对象转换为JSON字符串。

步骤4. View中执行函数的定义

通过Ajax传递过来的数据，需要用json.loads去获取，注意返回值是字典。

框架就是这样，可以根据实际需求，继续扩展。