前言
在web应用中都比较熟悉ajax请求,当然在Django中也可以通过ajax请求数据。有时候我们需要在不刷新的情况载入一些内容,如何用 Django 来实现 不刷新网页的情况下加载一些内容,ajax请求就能发挥作用了。
Ajax请求
get方法
- 表单
当我们使用form表单时,在第一层demo下的templates中新建一个add.html文件,要使用表单就需在表单中包含一个或多个type=”submit”的按钮,当点击这些按钮的时候就会以method方法去请求action的路由:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="/add/" method="get">
<p>请输入两个数字</p>
<label for="a">a: </label><input type="number" id="a" name="a"> <br>
<label for="b">b: </label><input type="number" id="b" name="b"> <br>
<p>result: <span id='result'>{
{ result }}</span></p>
<button type="submit" id='submit'>提交</button>
</form>
</body>
</html>
- ajax
当不使用表单的时候,就须用按钮的响应函数来请求数据,修改add.heml如下(以下介绍两种方式,一种是get函数,一种是ajax常用形式,任选一种):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p>请输入两个数字</p>
<label for="a">a: </label><input type="number" id=