我需要帮助使Django + Ajax喜欢按钮 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

Django 中使用 ajax 请求的正确姿势

django + jQuery ajax 的用法，但经过这次的工具更新，我对 ajax 的用法又有了更深层次的理解，所以分享一下我的使用经验。...有了这个基本关系理解，我们再来把两者结合的过程分解到代码中，我每次写在线工具的思路大致如下：在 html 中写好表单以及调用到 ajax 请求的动作，比如按钮点击既然要引用 ajax 发请求，那么可以把...ajax 的请求过程以及请求前后要做的事件都写到函数中，然后单独放到 js 文件中 ajax 发请求的本质就是调用 django 的接口，所以 django 的 URL 中需要提供接口 django...，这里我比较喜欢在 js 文件中写 JavaScript 而不是直接写在 html 中，这样显得比较整洁，也容易统一管理。...上面这个按钮触发的事件就不用过多解释了，就是点击按钮触发函数调用 ajax 请求。

2.5K1 0

用 Vue 和 Django 快速搭建前后端分离项目

其中： element-plus/element-ui 是 vue 的一个 ui 库，引入它主要为了使用一些好看的按钮，表单，文本框等，可以替换你喜欢的 ui 库，也可以不用。...当前端工程师需要独立于后端并行开发时,后端接口还没有开发完成,那么前端怎么获取数据？这时可以考虑前端自己模拟假数据,mockjs 可用来生成随机数据，拦截 Ajax 请求。...另外一种是将 dist 目录的资源由 django 驱动，这样就不涉及跨域的问题，但需要在打包时稍做调整。...这里贴一份我使用过的配置： [uwsgi] socket = :80 master = true chdir = /home/aaron/web/django-mysite wsgi-file = blogproject.../mime.types disable-logging logto = /home/aaron/web/django-mysite/uwsgi.log #使进程在后台运行，并将日志打到指定的日志文件或者

5.8K2 1

您找到你想要的搜索结果了吗？

是的

没有找到

教你玩转Vue和Django的前后端分离

我的回答是，要的，这是一种良好的工程实践，使你的写前端时专注前端设计，写后端时专注后端数据，减少大脑在前后端切换的能量损耗，这会使你开发更轻松，更高效，更少 bug。...今天我把两者官方的示例拿出来，再完整地搭建一个前后端分离的开发环境，并分享一下某些步骤这样做的缘由，希望能帮助到你。这里不会对每一个步骤都做详细陈述，因为官方网站都为你准备好了，照着去做就行。...3、安装 element-ui ,axios, mockjs element-ui 是 vue 的一个 ui 库，引入它主要为了使用一些好看的按钮，表单，文本框等，可以替换你喜欢的 ui 库，也可以不用...但我不喜欢这种必须开启跨域的方式，感觉就不安全。另外一种是将 dist 目录的资源由 django 驱动，这样就不涉及跨域的问题，但需要在打包时稍做调整。...的初学者有帮助。

3.5K2 2

翻译 | 如何将 Ajax 与 Django 应用整合在一起?

菜鸡提问: 我是一个 Django 和 Ajax 的菜鸟, 最近我在完成一个项目，需要去整合这两门技术. 我认为我清楚两门技术背后的原理了，但尚未找到两者整合的优质解释....对了, 我返回的数据是JSON, 如果这对结果有什么影响的话. 大佬回复: 虽然这并非完全符合SO的精神，但我很喜欢这个问题，因为我在入门的时候遇到过同样的问题，所以我会给你一个快速指南....Django 是服务器端。这意味着，比如客户端要跳转到某个链接，那么你在视图中需要有一个函数可以渲染他将看到的内容并在 html 页面中返回一个响应。...然后, 才开始编写AJAX调用. 这是一个很好的流程, 可以帮助你学到很多东西....然后, 才开始编写AJAX调用. 这是一个很好的流程, 可以帮助你学到很多东西. ----

2.3K3 0

Python进阶30-Django AJAX

1、同步交互：客户端发出一个请求后，需要等待服务器响应结束后，才能发出第二个请求； 2、异步交互：客户端发出一个请求后，无需等待服务器响应结束，就可以发出第二个请求。...="btn">点我朝后台发数据 {# 取按钮 #} $('.btn').click(function () { alert('点我干啥...="btn">点我朝后台发数据 {# 取按钮 #} $('.btn').click(function () { $.ajax({...记得我几年前做一个项目时，需要提交的数据层次非常深，我就是把数据 JSON 序列化之后来提交的。...不过当时我是把 JSON 字符串作为 val，仍然放在键值对里，以 x-www-form-urlencoded 方式提交。 ---- 写页面提交Json数据 <!

1.2K2 0

我在学习编程中犯的两个最大错误

下面是大杂烩清单: HTML、CSS、 AJAX、 PHP、 Javascript、 Heroku、 Celery、 SQL、jQuery、 Django、POSTGRES、 nodeJS、 BackboneJS...、Ruby、 Rails、 MongoDB、 Python 在这些技术中，我不知道哪些我需要学哪些不需要学，所以我试着把它们全部学习一遍。...我当时本应该做的：我本应该缩小这个清单，只挑出我构建原型所需要的技术。最终，我搞清楚了这些技术就是干什么的，然后把这个清单缩减为如下： 0....Python: 处理数据（如从数据库中读取用户购买记录或推荐用户可能喜欢的产品） 5. Django: 一个用Python编写的web框架可以将以上的技术串联起来。...Suneel Chakravorty 错误1：我没有立马开始写代码我花了太多时间阅读编程书。我不确定我读的那些东西是对我的项目有直接帮助的。

1.4K9 0

我在学习编程中犯的两个最大错误

下面是大杂烩清单: HTML、CSS、 AJAX、 PHP、 Javascript、 Heroku、 Celery、 SQL、jQuery、 Django、POSTGRES、 nodeJS、 BackboneJS...、Ruby、 Rails、 MongoDB、 Python 在这些技术中，我不知道哪些我需要学哪些不需要学，所以我试着把它们全部学习一遍。...Javascript：使内容变成动态的（比如用户点击链接的时候弹出一个菜单） 3. jQuery: 一个包含容易使用插件的javascript库（如幻灯片效果显示图片） 4....Python: 处理数据（如从数据库中读取用户购买记录或推荐用户可能喜欢的产品） 5. Django: 一个用Python编写的web框架可以将以上的技术串联起来。...Suneel Chakravorty 错误1：我没有立马开始写代码我花了太多时间阅读编程书。我不确定我读的那些东西是对我的项目有直接帮助的。

9182 0

Django如何与ajax通信

data：其实就是个字典，这个data是作为输入数据以GET的形式传给后台 success：这个表示当数据建立通信且后台代码处理完后需要执行什么样的操作。...其他例子(转载) 以下内容转载自Django基础之ajax django+ajax基础使用模版页面 index.html <button...$(‘#result’) 注意：这里需要注意的是button的type不能写submit，因为写了submit就直接使用get请求/query/了，而没有执行ajax请求。...有时候网页中的某些功能需要比较长的时间等待，这时候使用ajax是比较好的，因为它不需要整个网页刷新，用户体验比较好。...而按钮加载过渡的意思，就是当你点击按钮后，按钮字体内容变为“加载中”，等到ajax返回内容后再恢复，这样会使体验更好。

2.2K2 0

运维开发思路

第二步：掌握一种Python Web框架，推荐使用重量级Django框架，虽然刚开始入门有点难，但是现在最为主流，使用最多，功能齐全，一般都能满足我们的需求了。...我所知道这样的前端框架有Bootstrap、SemanticUI、EasyUI，还有很多，选一个自己喜欢的就好，先学习其中一些常用的样式，比如表格、表单、按钮等。其他的用到啥再看也来得及。...第六步：选择一个自己喜欢模板。决定使用哪个前端框架后，在网上搜索下找一个好看的前端页面模板，比如搜索关键词为"Bootstrap模板"，会有很多。...第七步：与后端交互数据，经常用到Ajax技术，比如实时从后端获取新数据展示、传数据到后端等。Ajax也建议使用Jquery的，原因还是使用简单。...就说这么多了，以上就是我个人对想转运维开发的朋友们一点学习思路，不能说完全是对的，但是思路我觉得没问题。

1.8K5 0

Django 2.1.7 查询数据返回json格式

在模板返回视图的方式的确很方便，但是如果涉及到动静分离、ajax请求这类，django就只能返回json格式的数据了。...环境说明前端采用jquery发送ajax请求 python 3.7.2 django 2.1.7 示例说明这次示例首先写一个简单的页面发送ajax请求，然后后端分如何返回多行数据，如果返回查询对象进行示例说明...="server_name"> 提交实现的功能很简单，只是获取输入框的内容，然后点击提交按钮发送一个...from django.forms.models import model_to_dict # ex: /assetinfo/test_ajax class TestAjax(View):...server['server_used_type_id'] = serializers.serialize('python', server['server_used_type_id']) # 外键模型对象需要序列化

3.4K1 0

Django 2.1.7 查询数据返回json格式

在模板返回视图的方式的确很方便，但是如果涉及到动静分离、ajax请求这类，django就只能返回json格式的数据了。...环境说明前端采用jquery发送ajax请求 python 3.7.2 django 2.1.7 示例说明这次示例首先写一个简单的页面发送ajax请求，然后后端分如何返回多行数据，如果返回查询对象进行示例说明...id="server_name"> 提交实现的功能很简单，只是获取输入框的内容，然后点击提交按钮发送一个...这样子返回前端的话，每条数据对象包含 fields，model，pk三个对象，分别代表字段、模型、主键，我更想要一个只包含所有字段的字典对象。...server['server_used_type_id'] = serializers.serialize('python', server['server_used_type_id']) # 外键模型对象需要序列化

4K2 0

网站功能——添加文章编辑页面，支持 markdown 编辑器实时预览编辑

，需要完成上述的功能，在 Django 里面应该怎么实现。...编辑页面的 markdown 可以直接使用我网站的工具里面的 markdonw 编辑器，然后在页面中添加 js 定义按钮点击事情调用文章更新接口即可。...创建 ajax 调用函数我单独定义了一个 js 文章来做文章的更新，就是很简单的 ajax 请求，在我的工具应用里面大量使用过，所以这种函数很普遍。...添加按钮和点击事件现在前后端的接口和请求都做好了，只需要在页面添加按钮并设置按钮的事件就可以了，按钮直接使用 bootstrap 的按钮样式，然后在编辑页面添加事件的逻辑： ...总结本篇文章主要分享了创建一个文章内容编辑页面的过程，主要使用到了 Django 的类视图、权限判断、POST 请求视图、ajax 请求、实例更新等 Django 相关知识点。

9791 0

Django-choices字段值对应关系（性别）-MTV与MVC科普-Ajax发json格式与文件格式数据-contentType格式-Ajax搭配sweetalert实现删除确认弹窗-自定义分页器

（这一特点给用户的感觉是在不知不觉中完成请求和相应过程）用 Ajax 做一个小案例页面上有三个 input 框，在前两个 input 框中输入数字，点击按钮发送 ajax 请求，在不刷新页面的情况下...动手用 Ajax 实现效果思路分析我们是输入信息，然后点击计算按钮，由 ajax 向后端发起请求，后端拿到请求然后返回数据给前端，前端把数据填到结果框中可以看出，我们的突破口是计算按钮...，我们需要先给他们加上 id #} $('#button1').click(function (e) { {# 2.给我们的计算按钮绑定点击事件，点击时用 ajax 发送请求，然后后端计算并返回数值...，放在 id 为 res 的 input 里 #} $.ajax({ {# 3.Jquery 的 ajax，需要下面几个参数，记得写上（Ajax 的括号内是一个大括号，然后再写的参数）...cancelButtonText 修改取消文本（自己加的）给按钮添加自定义属性，绑定 user_id，弹窗确认删除那里写 ajax 获取到 user_id 发 ajax 过去 <!

7K3 1

ApacheCN PythonWeb 译文集 20211028 更新

三、老兄，我喜欢模板吗！四、请填写这张表格，女士五、你把东西放在哪里？六、但我想休息，妈妈，现在！七、如果没有测试，那就不是游戏，兄弟！...八、提示、技巧或 Flask 魔法 101 九、扩展，我是多么爱你十、现在怎么办？...调试页面八、问题隐藏时：获取更多信息九、当你甚至不知道记录什么时：使用调试器十、当一切都失败时：寻求外部帮助十一、何时上线：转入生产 Django 设计模式最佳实践零、前言一、Django...、Django 你好世界四、使用模板五、与模型协作六、通过查询集获取模型数据七、使用 Django 表单八、使用 CBV 提高生产力九、使用会话十、认证模块十一、将 AJAX 与 Django...的应用五、标签简介六、用 AJAX 增强用户界面七、关注与评论八、创建管理界面九、扩展部署十、扩展 Django 十一、数据库连接十二、使用第三方软件包十三、调试的艺术十四、部署 Django

3.6K2 0

Python进阶34-Django 中间件

因为改变的是全局，所以需要谨慎实用，用不好会影响到性能就是请求和响应之间的一道屏障。...看到这里，你也许会说：“如果我不满足以上两个条件中的一个，我就不会受到CSRF的攻击”。...这时，该转帐请求的 Referer 值就会是转账按钮所在的页面的 URL，通常是以 bank.example 域名开头的地址。...这种方法的显而易见的好处就是简单易行，网站的普通开发人员不需要操心 CSRF 的漏洞，只需要在最后给所有安全敏感的请求统一增加一个拦截器来检查 Referer 的值就可以。...这也是一些用户喜欢手动关闭浏览器 Referer 功能的原因。

2.3K2 0

Django评论库

评论的功能打算用Django的评论库，添加引用却报错。查了一下，Django原本会自带一个评论库组件，而从1.6版本以后就没有自带了，需要自己安装。...django的评论库是一个站点，所以需要添加sites的应用并设置当前django工程的站点id=1 记得在urls.py添加django_comments的路由设置，url中加入如下代码： url(...这些需要使用django_comments的模版标签，在使用标签之前导入加载： {# 导入评论库模块的模版标签 #} {% load comments %} 评论列表可以通过django_comments...接下来用ajax写评论提交事件避免避免跳转到独立的评论页面，修正时间戳等Bug。 Django的评论库如果填写不完整，或者提交出错，就会跑到自带的页面。关键是自带的评论页面超级不好看。...为Comments添加Ajax功能，免得提交出错跳到自带的评论页面。具体可参考django 简易博客开发 4 comments库使用及ajax支持提交前，先在本地验证是否填写。

1.3K2 1

Django实现收藏功能

我的 Django 项目里的用户可以发图片。我想实现一个收藏功能，就是用户可以收藏其他用户发布的图片。...新功能，然后你可以考虑下是不是该用外键，我我按照外键的搞法写查询函数 def get_favourite_list(request): user = request.GET['username...GitHub地址：https://github.com/xyliurui/OnlineLearningPlatform ；Django版本：2.0.8 更多内容请点击我的博客查看，欢迎来访。...监听按钮点击动作，post提交，改变按钮的样式和文字 {% if has_fav %} 需要将课程页面、讲师页面、介绍页面都添加上 has_fav = False if request.user.is_authenticated:

1.2K2 0

测试开发之创建你的第一个Django项目（一）

，喜欢专门创建一个文件夹存放我的虚拟环境（该文件夹无中文和空格符号，否则容易导致项目报错，你还找不到原因），勾选一个基本的解释器就行。...项目（项目名自己取，我取的是XZAndroidPlatform） django-admin startproject ③.进入创建的这个项目里面，创建app（app名字自己取...，我的是xiaozai_app） django-admin startapp xiaozai_app ④.启动项目 python manage.py runserver ⑤.点击该网址，看到如下页面...pycharm上方有如下按钮（社区版没有），点击绿色按钮即可启动django项目如果出现红叉，请点开编辑，选择前面创建的虚拟环境路径即可我的配置如下注：如果勾选了Run browse，那你每次启动...浏览器默认是不允许跨域发送ajax。我们当前项目需要允许跨域。跨域如何实现？通过请求头，需要浏览器和服务器同时支持。整个cors通信过程，都是浏览器自动完成的，不需要用户参与。

1.5K1 0

Django项目实战之用户头像上传与访问

附加功能我们是实现了，看起来我们在调用文件的时候，只需要通过数据库文件路径已经保存的文件本身就可以访问图片，让它出现在网页上，其实并不是这样，我们需要配置一些东西，django才可以找的到，不然的话就会过不了...urls验证，而我们之所以可以直接访问static里的静态文件，是因为django已经帮我们配置好了。...上传的时候，按钮的tpye一定不要用submit Ajax上传的时候data参数的值不再是一个普通‘字典’类型的值，而是一个FormData对像创建对象formdata = new FormData...----用一个label标签将上传文件输入框跟图片绑定一起，点击图片的时候就相当于点击了上传文件的按钮----> // 上传文件按钮

2.7K7 0

Web | Django 与 Chart.js 联用做出精美的图表

在本教程中，我们将探讨如何使Django与Chart.js对话以及如何基于从我们的模型中提取的数据来呈现一些简单的图表。 ?...示例场景我将使用与本教程如何使用Django ORM创建按查询分组的示例相同的示例，它是对本教程的很好补充，因为实际上处理图表的棘手部分是如何转换数据以便使其适合条形图/折线图等。...我从Chart.js饼图文档中获得了一个基本片段。...稍后，我们将使用它来执行Ajax调用。...小结我希望本教程可以帮助您开始使用Chart.js处理图表。不久前，我使用Highcharts库发布了关于同一主题的另一篇教程。

6.8K3 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭