当前位置：首页 > 编程资源 > 编程问答 >内容正文

编程问答

a标签用ajax请求传参,Django中如何实现传参的Ajax请求

发布时间：2025/3/20 编程问答 26 豆豆

生活随笔收集整理的这篇文章主要介绍了 a标签用ajax请求传参,Django中如何实现传参的Ajax请求小编觉得挺不错的,现在分享给大家,帮大家做个参考.

带参数的Ajax请求

通过Ajax实现下面的功能：

在实现这个功能之前需要掌握的点：

1.在学习jQuery时，我们知道：

获取input标签中输入的值：$("#num1").val();

给input标签赋值：$("#ret").val("888");

2.在学习django的form表单中的csrf_token时，会遇到forbidden的问题。只要给服务器发送请求的时候将csrf_token中的键值作为请求体传给服务器就好了。

实现如下：

urls.py:

from django.contrib import admin

from django.urls import path

from app01 import views

urlpatterns = [

path('admin/', admin.site.urls),

path('index/', views.index),

path('cal/', views.cal),

]

from django.contrib import admin

from django.urls import path

from app01 import views

urlpatterns = [

path('admin/', admin.site.urls),

path('index/', views.index),

path('cal/', views.cal),

]

views.py:

from django.shortcuts import render, HttpResponse

# Create your views here.

def index(request):

return render(request, "index.html")

def cal(request):

num1=request.POST.get("num1")

num2=request.POST.get("num2")

ret=int(num1)+int(num2)

return HttpResponse(str(ret))

from django.shortcuts import render, HttpResponse

# Create your views here.

def index(request):

return render(request, "index.html")

def cal(request):

num1=request.POST.get("num1")

num2=request.POST.get("num2")

ret=int(num1)+int(num2)

return HttpResponse(str(ret))

index.html:

Title

INDEX页面

{% csrf_token %}

+=计算

// 传参的Ajax请求

$(".cal").click(function () {

var num1=$("#num1").val();

var num2=$("#num2").val();

$.ajax({

url: "/cal/",

type: "post",

data: {

num1:num1,

num2:num2,

csrfmiddlewaretoken:$("[name='csrfmiddlewaretoken']").val()

success: function (response) {

console.log(response);

$("#ret").val(response)

}

})