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 相关文章推荐
Python实现设置windows桌面壁纸代码分享
Mar 28 Python
在Python中操作文件之truncate()方法的使用教程
May 25 Python
Python实现比较扑克牌大小程序代码示例
Dec 06 Python
关于django 数据库迁移(migrate)应该知道的一些事
May 27 Python
python使用epoll实现服务端的方法
Oct 16 Python
Python之时间和日期使用小结
Feb 14 Python
Django数据库类库MySQLdb使用详解
Apr 28 Python
Python+OpenCV+图片旋转并用原底色填充新四角的例子
Dec 12 Python
Python将字典转换为XML的方法
Aug 01 Python
Jupyter notebook命令和编辑模式常用快捷键汇总
Nov 17 Python
python使用dlib进行人脸检测和关键点的示例
Dec 05 Python
python 基于opencv 绘制图像轮廓
Dec 11 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
php之Smarty模板使用方法示例详解
2014/07/08 PHP
举例详解PHP脚本的测试方法
2015/08/05 PHP
php代码检查代理ip的有效性
2016/08/19 PHP
php 判断页面或图片是否经过gzip压缩的方法
2017/04/05 PHP
js 遍历json返回的map内容示例代码
2013/10/29 Javascript
让JavaScript和其它资源并发下载的方法
2014/10/16 Javascript
node.js中的path.sep方法使用说明
2014/12/08 Javascript
js如何改变文章的字体大小
2016/01/08 Javascript
Winform客户端向web地址传参接收参数的方法
2016/05/17 Javascript
原生JS实现图片轮播与淡入效果的简单实例
2016/08/21 Javascript
json定义及jquery操作json的方法
2016/09/29 Javascript
浅谈js使用in和hasOwnProperty获取对象属性的区别
2017/04/27 Javascript
Angular2 自定义validators的实现方法
2017/07/05 Javascript
Bootstrap一款超好用的前端框架
2017/09/25 Javascript
浅谈es6语法 (Proxy和Reflect的对比)
2017/10/24 Javascript
纯js实现隔行变色效果
2017/11/29 Javascript
vue实现导航栏效果(选中状态刷新不消失)
2017/12/13 Javascript
基于Vue实现拖拽功能
2020/07/29 Javascript
利用Vue构造器创建Form组件的通用解决方法
2018/12/03 Javascript
js模拟实现烟花特效
2020/03/10 Javascript
在Lighttpd服务器中运行Django应用的方法
2015/07/22 Python
Python3编程实现获取阿里云ECS实例及监控的方法
2017/08/18 Python
Python对多属性的重复数据去重实例
2018/04/18 Python
python Matplotlib底图中鼠标滑过显示隐藏内容的实例代码
2019/07/31 Python
Python 过滤错误log并导出的实例
2019/12/26 Python
什么是python的列表推导式
2020/05/26 Python
在python中对于bool布尔值的取反操作
2020/12/11 Python
Python用Jira库来操作Jira
2020/12/28 Python
canvas里面如何基于随机点绘制一个多边形的方法
2018/06/13 HTML / CSS
财务管理职业生涯规划范文
2013/12/27 职场文书
致200米运动员广播稿
2014/02/06 职场文书
幼儿园毕业教师感言
2014/02/21 职场文书
秋季运动会广播稿
2014/02/22 职场文书
信用卡工资证明范本
2014/10/17 职场文书
Vue + iView实现Excel上传功能的完整代码
2021/06/22 Vue.js
Golang中channel的原理解读(推荐)
2021/10/16 Golang