Django 前后端数据交互 js文件与views.py 之间用ajax的交互

2024-03-24 09:48

本文主要是介绍Django 前后端数据交互 js文件与views.py 之间用ajax的交互,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

前端JS文件中:

function laoding(){var qqname = document.getElementById("qqname").value;var qqnumber = document.getElementById("qqnumber").value;$.ajax({url: '/qq/home/',   // **请求的URL链接 为空的话默认当前请求界面的URL**type: "POST",  traditional: true,    // 需要传递列表、字典时加上这句data: {    // JSON格式封装数据'name': qqname, },success: function (data) {console.log(data);}, error: function (data) {alert("请求错误!")}});
}

django 项目的urls.py


from django.contrib import admin
from django.urls import path,include
# from WeiXin.views import Wei_Xin
# from QQ.views import QQ_qq
urlpatterns = [path('admin/', admin.site.urls),# path('weixin/', Wei_Xin,name="Wei_Xin"),# path('qq/home/', QQ_qq,name="QQ_qq"),path('qq/', include("QQ.urls")),   //这个是凡是qq开头的请求全部转到 QQ 这个app中的urls.py中,见下文 ,这里不转的话可直接写 : path('qq/home/', QQ_qq,name="QQ_qq"),path('weixin/', include("WeiXin.urls")),path('baidu/', include("BaiDu.urls")),
]

QQ app中的urls.py:

from django.urls import path,include
from QQ import views
urlpatterns = [#path('weixin/', include()Wei_Xin,name="Wei_Xin"),path('home/', views.QQ_qq,name="QQ_qq"),
]

QQ 的views.py 也就是数据处理模块如下:

from django.shortcuts import render
from django.http import HttpResponse
import json
# Create your views here.def QQ_qq(request):print(request)string = '这里是QQ主界面'name = request.POST.get("name")  //接收 js文件传过来的 name参数print(name)return render(request,"home.html",{'string':string})

这篇关于Django 前后端数据交互 js文件与views.py 之间用ajax的交互的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/841232

相关文章

前端原生js实现拖拽排课效果实例

《前端原生js实现拖拽排课效果实例》:本文主要介绍如何实现一个简单的课程表拖拽功能,通过HTML、CSS和JavaScript的配合,我们实现了课程项的拖拽、放置和显示功能,文中通过实例代码介绍的... 目录1. 效果展示2. 效果分析2.1 关键点2.2 实现方法3. 代码实现3.1 html部分3.2

java父子线程之间实现共享传递数据

《java父子线程之间实现共享传递数据》本文介绍了Java中父子线程间共享传递数据的几种方法,包括ThreadLocal变量、并发集合和内存队列或消息队列,并提醒注意并发安全问题... 目录通过 ThreadLocal 变量共享数据通过并发集合共享数据通过内存队列或消息队列共享数据注意并发安全问题总结在 J

JS 实现复制到剪贴板的几种方式小结

《JS实现复制到剪贴板的几种方式小结》本文主要介绍了JS实现复制到剪贴板的几种方式小结,包括ClipboardAPI和document.execCommand这两种方法,具有一定的参考价值,感兴趣的... 目录一、Clipboard API相关属性方法二、document.execCommand优点:缺点:

Redis的数据过期策略和数据淘汰策略

《Redis的数据过期策略和数据淘汰策略》本文主要介绍了Redis的数据过期策略和数据淘汰策略,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一... 目录一、数据过期策略1、惰性删除2、定期删除二、数据淘汰策略1、数据淘汰策略概念2、8种数据淘汰策略

轻松上手MYSQL之JSON函数实现高效数据查询与操作

《轻松上手MYSQL之JSON函数实现高效数据查询与操作》:本文主要介绍轻松上手MYSQL之JSON函数实现高效数据查询与操作的相关资料,MySQL提供了多个JSON函数,用于处理和查询JSON数... 目录一、jsON_EXTRACT 提取指定数据二、JSON_UNQUOTE 取消双引号三、JSON_KE

Java文件与Base64之间的转化方式

《Java文件与Base64之间的转化方式》这篇文章介绍了如何使用Java将文件(如图片、视频)转换为Base64编码,以及如何将Base64编码转换回文件,通过提供具体的工具类实现,作者希望帮助读者... 目录Java文件与Base64之间的转化1、文件转Base64工具类2、Base64转文件工具类3、

Python给Excel写入数据的四种方法小结

《Python给Excel写入数据的四种方法小结》本文主要介绍了Python给Excel写入数据的四种方法小结,包含openpyxl库、xlsxwriter库、pandas库和win32com库,具有... 目录1. 使用 openpyxl 库2. 使用 xlsxwriter 库3. 使用 pandas 库

SpringBoot定制JSON响应数据的实现

《SpringBoot定制JSON响应数据的实现》本文主要介绍了SpringBoot定制JSON响应数据的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们... 目录前言一、如何使用@jsonView这个注解?二、应用场景三、实战案例注解方式编程方式总结 前言

使用Python在Excel中创建和取消数据分组

《使用Python在Excel中创建和取消数据分组》Excel中的分组是一种通过添加层级结构将相邻行或列组织在一起的功能,当分组完成后,用户可以通过折叠或展开数据组来简化数据视图,这篇博客将介绍如何使... 目录引言使用工具python在Excel中创建行和列分组Python在Excel中创建嵌套分组Pyt

在Rust中要用Struct和Enum组织数据的原因解析

《在Rust中要用Struct和Enum组织数据的原因解析》在Rust中,Struct和Enum是组织数据的核心工具,Struct用于将相关字段封装为单一实体,便于管理和扩展,Enum用于明确定义所有... 目录为什么在Rust中要用Struct和Enum组织数据?一、使用struct组织数据:将相关字段绑