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实现的文本编辑器功能示例
Jun 30 Python
PyCharm设置每行最大长度限制的方法
Jan 16 Python
python实现矩阵打印
Mar 02 Python
python中的列表与元组的使用
Aug 08 Python
详解Python文件修改的两种方式
Aug 22 Python
Python求解正态分布置信区间教程
Nov 20 Python
python2 对excel表格操作完整示例
Feb 23 Python
详解pandas中iloc, loc和ix的区别和联系
Mar 09 Python
python开发实例之Python的Twisted框架中Deferred对象的详细用法与实例
Mar 19 Python
解决pyPdf和pyPdf2在合并pdf时出现异常的问题
Apr 03 Python
keras load model时出现Missing Layer错误的解决方式
Jun 11 Python
树莓派升级python的具体步骤
Jul 05 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给图片加文字水印
2015/07/31 PHP
解读PHP的Yii框架中请求与响应的处理流程
2016/03/17 PHP
PHP中仿制 ecshop验证码实例
2017/01/06 PHP
Laravel5.1框架注册中间件的三种场景详解
2019/07/09 PHP
Laravel find in set排序实例
2019/10/09 PHP
Add Formatted Text to a Word Document
2007/06/15 Javascript
Open and Print a Word Document
2007/06/15 Javascript
javascript抽象工厂模式详细说明
2014/12/16 Javascript
JavaScript中的null和undefined区别介绍
2015/01/01 Javascript
浅谈javascript属性onresize
2015/04/20 Javascript
超赞的动手创建JavaScript框架的详细教程
2015/06/30 Javascript
jQuery使用animate创建动画用法实例
2015/08/07 Javascript
jQuery+ajax+asp.net获取Json值的方法
2016/06/08 Javascript
JS中的==运算: [''] == false —>true
2016/07/24 Javascript
jQuery.parseHTML() 函数详解
2017/01/09 Javascript
Vue组件通信之Bus的具体使用
2017/12/28 Javascript
在vue项目中引用Iview的方法
2018/09/14 Javascript
element-ui组件table实现自定义筛选功能的示例代码
2019/03/15 Javascript
vue项目创建并引入饿了么elementUI组件的步骤
2019/04/11 Javascript
Vue 实现从小到大的横向滑动效果详解
2019/10/16 Javascript
Vue.js获取手机系统型号、版本、浏览器类型的示例代码
2020/05/10 Javascript
pycharm 使用心得(八)如何调用另一文件中的函数
2014/06/06 Python
Python入门篇之字典
2014/10/17 Python
利用一个简单的例子窥探CPython内核的运行机制
2015/03/30 Python
python merge、concat合并数据集的实例讲解
2018/04/12 Python
Python Series从0开始索引的方法
2018/11/06 Python
python内存监控工具memory_profiler和guppy的用法详解
2019/07/29 Python
使用python将excel数据导入数据库过程详解
2019/08/27 Python
Python字典底层实现原理详解
2019/12/18 Python
python 给图像添加透明度(alpha通道)
2020/04/09 Python
使用CSS3制作一个简单的进度条(demo)
2017/05/23 HTML / CSS
JustFab加拿大:女鞋、靴子、手袋和服装在线
2018/05/18 全球购物
应届生自我鉴定
2013/12/11 职场文书
高中微机老师自我鉴定
2014/02/16 职场文书
廉洁教育学习材料
2014/05/19 职场文书
优秀学生干部个人事迹材料
2014/06/02 职场文书