Django项目中用JS实现加载子页面并传值的方法


Posted in Python onMay 28, 2018

在Django的开发过程中,有一些功能是通过JS根据用户的不同选择来加载页面中的某一部分(子页面)的。如果子页面中有我们需要传入的值。可以这么实现

在js函数中调用

$("#base_page_div1").load('SUB_URL #sub_page_div1');

此处 SUB_URL只需要是你在父页面对于URL基础上的多处部分即可。比如 父页面的URL为  /resource/base_url/    子页面的URL为:

/resource/base_url/sub_url/

则此处的SUB_URL 就是 sub_url

对于该子页面的URL的渲染与其他页面一样操作就可以了。比如父页面。

其中的 #sub_page_div1 不是必须的。可以用来做为参数传递给子页面。这是JS传值的范畴了吧~。

以上这篇Django项目中用JS实现加载子页面并传值的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Python 相关文章推荐
使用beaker让Facebook的Bottle框架支持session功能
Apr 23 Python
python实现同时给多个变量赋值的方法
Apr 30 Python
Python修改MP3文件的方法
Jun 15 Python
基于Python实现对PDF文件的OCR识别
Aug 05 Python
python操作oracle的完整教程分享
Jan 30 Python
pandas 使用apply同时处理两列数据的方法
Apr 20 Python
python-opencv 将连续图片写成视频格式的方法
Jan 08 Python
Python+PyQt5实现美剧爬虫可视工具的方法
Apr 25 Python
python通过paramiko复制远程文件及文件目录到本地
Apr 30 Python
python画图把时间作为横坐标的方法
Jul 07 Python
pycharm开发一个简单界面和通用mvc模板(操作方法图解)
May 27 Python
基于Python采集爬取微信公众号历史数据
Nov 27 Python
Python面向对象类继承和组合实例分析
May 28 #Python
django传值给模板, 再用JS接收并进行操作的实例
May 28 #Python
Django处理文件上传File Uploads的实例
May 28 #Python
python3.4实现邮件发送功能
May 28 #Python
解决Django的request.POST获取不到内容的问题
May 28 #Python
Django后台获取前端post上传的文件方法
May 28 #Python
基于Django URL传参 FORM表单传数据 get post的用法实例
May 28 #Python
You might like
德生PL450的电路分析和低放电路的改进办法
2021/03/02 无线电
改变Apache端口等配置修改方法
2008/06/05 PHP
利用php+mysql来做一个功能强大的在线计算器
2010/10/12 PHP
PHP添加Xdebug扩展的方法
2014/02/12 PHP
PHP的MVC模式实现原理分析(一相简单的MVC框架范例)
2014/04/29 PHP
php封装的验证码类分享
2017/02/26 PHP
laravel7学习之无限级分类的最新实现方法
2020/09/30 PHP
Jquery中val()表单取值赋值的实例代码
2013/08/15 Javascript
jQuery中animate()方法用法实例
2014/12/24 Javascript
nodejs中的fiber(纤程)库详解
2015/03/24 NodeJs
javascript中动态函数用法实例分析
2015/05/14 Javascript
原生JavaScript实现异步多文件上传
2015/12/02 Javascript
基于Bootstrap使用jQuery实现简单可编辑表格
2016/05/04 Javascript
浅谈JavaScript 覆盖原型以及更改原型
2016/08/31 Javascript
Bootstrap框架实现广告轮播效果
2016/11/28 Javascript
微信小程序开发之圆形菜单 仿建行圆形菜单实例
2016/12/12 Javascript
微信小程序学习之数据处理详解
2017/07/05 Javascript
checkbox:click事件触发span元素内容改变的方法
2017/09/11 Javascript
泛谈JS逻辑判断选择器 || &&
2019/05/24 Javascript
Flutter 超实用简单菜单弹出框 PopupMenuButton功能
2019/08/06 Javascript
[01:33:59]真人秀《加油 DOTA》 第六期
2014/09/09 DOTA
Python使用scrapy采集数据过程中放回下载过大页面的方法
2015/04/08 Python
python中模块的__all__属性详解
2017/10/26 Python
PyQT实现菜单中的复制,全选和清空的功能的方法
2019/06/17 Python
python读写csv文件方法详细总结
2019/07/05 Python
python遍历文件目录、批量处理同类文件
2019/08/31 Python
Python字符串格式化f-string多种功能实现
2020/05/07 Python
基于Python的接口自动化unittest测试框架和ddt数据驱动详解
2021/01/27 Python
Matplotlib animation模块实现动态图
2021/02/25 Python
Zooplus葡萄牙:欧洲领先的网上宠物商店
2018/07/01 全球购物
Shell编程面试题
2012/05/30 面试题
普通员工辞职信
2014/01/17 职场文书
2014年帮扶工作总结
2014/11/26 职场文书
投标售后服务承诺书
2015/04/29 职场文书
2016年母亲节寄语
2015/12/04 职场文书
剖析后OpLog订阅MongoDB的数据变更就没那么难了
2022/02/24 MongoDB