Django如何与JQuery进行数据通信？
Django如何与JQuery进行数据通信？
marsggbo
发布于 2020-06-12 09:46:51
发布于 2020-06-12 09:46:51
index.html:
下面form的action属性表示当提交表单时，向何处发送表单数据
<script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous" async></script>
<form action="/add/" method="get">
a: <input type="text" id="a" name="a" value=45> <br>
b: <input type="text" id="b" name="b" value=66> <br>
<p>result: <span id='result'></span></p>
<button type="button" id='sum'>提交</button>
</form>index.js:
使用$.get()方法进行数据通信：
- 第一个参数指定URL，这个URL在后面的Django代码中需要对应起来。
- 第二个参数传入参数
- 第三个参数表示回调函数，即数据通信后需要做什么事情
$(document).ready(function () {
$("#sum").click(function () {
var a = $('#a').val();
var b = $('#b').val();
$.get("/add/", {'a':a, 'b':b}, function (ret) {
console.log(ret);
$("#result").html(ret)
})
});
});your_app/views.py:
下面定义了两个处理函数，分别对应index.html和add.html。
from django.shortcuts import render
def index(request):
return render(request, 'index.html')
def add(request):
c = 0
try:
a = request.GET['a']
b = request.GET['b']
c = int(a)+int(b)
except Exception as e:
print(str(e))
return HttpResponse(str(c))your_app/urls.py:
将两个URL注册到Django。
from django.urls import path
from . import views
urlpatterns = [
path('', views.index, name="index"),
path('add/', views.add, name="add"),
]
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2019-08-13 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录