tp5.1-----点击一级城市获取二级城市技巧+知识点

于 2020-08-05 20:08:03 发布
阅读量307 收藏
点赞数
分类专栏： tp5 文章标签： ajax mysql thinkphp php
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47830577/article/details/107821709
版权
本文介绍了使用ThinkPHP5.1框架结合Ajax实现点击一级城市自动加载并显示相关二级城市的过程。数据库设计采用无限级分类，通过监听一级城市变化，发送Ajax请求获取二级城市ID，并在控制器中查询数据，最后反馈给前端展示。同时讨论了如何将这些选择的城市存入数据库。
摘要由CSDN通过智能技术生成

项目中经常会采集用户的所在城市，为了更好的体验，点击一级城市自动获取相关的二级城市 交互ajax
通过抛送ajax的 查到二级内容 通过组装显示到页面
在这里插入图片描述
首先数据库的设计无限极分类 parent_id 0为最高级 parent_id 为id 证明属于谁的下一级
在这里插入图片描述
获取一级城市
在这里插入图片描述
结果
在这里插入图片描述
第二个下拉菜单的内容自动获取相关的二级城市：
思路 当框1（一级城市）发生变化，ajax获取 框1中的value值即城市的id。在将一级城市的id传递给一个控制器，查询对应parentId=一级城市id的值 反馈给ajax 在显示到html上。

把ajax写到了public/static/admin/js/common.js的一个公共js文件中，地址需要在html获取。
在这里插入图片描述
在这里插入图片描述
传递给控制器，控制器查找二级城市的内容
在这里插入图片描述自定义一个返回的方法
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
如果是常规的success 无法将二级城市的内容传递回去
例如在这里插入图片描述
只有状态 url
在这里插入图片描述
将控制器查到的数据 通过自定义函数返回到ajax中
在这里插入图片描述

在这里插入图片描述
最终效果
在这里插入图片描述

当用户在表单中选择了一级城市二级城市 如何存到数据库
在这里插入图片描述在页面查看二级菜单的内容 。
在这里插入图片描述

多选框：与下拉菜单类似 在html填充内容的时候有所不同
在这里插入图片描述在这里插入图片描述在这里插入图片描述
存入数据库
在这里插入图片描述
在这里插入图片描述在页面上查看子分类
在这里插入图片描述

weixin_47830577
关注
专栏目录
Prompt-Tuning——深度解读一种新的微调范式
夏栀的博客
11-19 7万+
Prompting——深度解读一种全新的微调范式   自从GPT、EMLO、BERT的相继提出，以Pre-training + Fine-tuning 的模式在诸多自然语言处理（NLP）任务中被广泛使用，其先在Pre-training阶段通过一个模型在大规模无监督语料上预先训练一个预训练语言模型（Pre-trained Language Model，PrLM），然后在Fine-tuning阶段基于训练好的语言模型在具体的下游任务上再次进行微调（Fine-tuning），以获得适应下游任务的模型。这种模式在诸
开发知识点-Thinkphp框架
最新发布
aming小老弟
10-11 472
作为一个整体开发解决方案，ThinkPHP能够解决应用开发中的大多数需要，因为其自身包含了底层架构、兼容处理、基类库、数据库访问层、模板引擎、缓存机制、插件机制、角色认证、表单处理等常用的组件，并且对于跨版本、跨平台和跨数据库移植都比较方便。ThinkPHP可以支持windows/Unix/Linux等服务器环境，正式版需要PHP5.0以上版本支持，支持MySql、PgSQL、Sqlite多种数据库以及PDO扩展，ThinkPHP框架本身没有什么特别模块要求，具体的应用系统运行环境要求视开发所涉及的模块。
TP5开发实用技巧整理备忘
逍遥自在
06-25 878
一、TP5模板中使用SESSION、常量、系统全局变量： {eq name='Request.session.wap.id' value='16'}{/eq} 或{$Request.session.wap.id} <a href="{:url('test/index')}?id=9">{$Think.UFO}当前链接测试</a> <a href="{$...
tp5的下拉菜单二级联动
04-26
tp5的下拉菜单二级联动。利用了ajax写的下拉菜单，简单易懂，附带数据库。可利用该代码改造成三级联动，多级联动，原理一样。
pc端点击输入框获取弹出城市一级列表，然后点击一级列表弹出二级列表
05-31
根据点击城市列表弹出，根据一级列表弹出二级分类，。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
tp5 前台无限极导航菜单类 1.0.0
pan_yuyuan的博客
08-20 1306
适用于 id name pid sort 类似结构的表结构 使用方法：(tp5) 1、将最下面的代码保存到“前台”控制器目录下（名为 FrontNav.php），比如（路径）： application/index/controll（应用/模块/控制器） 2、在控制器中使用：（application/index/controll/index）（应用/模块/控制器/方法） 也可以放到基础类的初...
Python实现用户交互，显示省市县三级联动的选择
weixin_30741653的博客
12-05 822
题目：Python实现用户交互，显示省市县三级联动的选择 定义的字典为： 　　dic = { 　　 　　　　　　"江西": { 　　 "萍乡": ["安源", "彭高", "上栗"], 　　 "新余": ["良山", "新钢", "兴安岭"], 　　 }, 　 　　　　　　"北京": { 　　 "大兴区": ["礼贤镇", "魏善庄镇", "北臧村镇"], 　　 "昌...
tp-link说明书
11-14
### TP-Link TL-WR740N 150M 无线宽带路由器配置知识点 #### 一、产品概述 **TP-Link TL-WR740N**是一款150M无线宽带路由器，适用于家庭及小型办公环境，提供稳定高速的无线网络连接。 ##### 1.1 产品简介 - **...
"零约束违反下的原始-对偶约束强化学习算法改进
+v：mala2255获取更多论文1.OOO.OOO基于原始-对偶方法的约束强化学习零约束违反白琴波普劳德大学电气与计算机工程系West Lafayette，IN 47906，美国阿姆里特·辛格·贝迪美国陆军研究实验室@ PURDUE. EDUAMRIT0714@...
ViP-CNN：视觉短语引导的卷积神经网络
一个人骑一匹马。在本文中，每个视觉关系被认为是一个短语的三个组成部分。我们将视觉关系检测表述为三个相互关联的识别问题，并提出了一种视觉短语引导的卷积神经网络（ViP-CNN）来同时解决它们。在Vi
php省市区详细地址分离算法及省市区数据
04-12
资源包含省市区地址分离算法和省市区地址数据，需要省市区地址数据的朋友，直接去adsmsq.php文件中提取。 $Getads=new Getads(); $ar=$Getads->GetAllAddress("安徽省阜阳市颍上县南照镇六里村"); var_dump($ar); exit; 直接调用这个方法就能返回省市区和详细地址的字段。 省市区数据可以引用adssql.php文件，然后直接读取变量： $this->province_data = $province_data; $this->city_data = $city_data; $this->area_data = $area_data;
js获取元素下的第一级子元素的方法(推荐)
12-01
js childnodes获取的是所有的子元素，而我们实际要获取第一级子元素。 function getChildren(obj){ var objChild = [] ; var objs = obj.getElementsByTagName('*'); for(var i=0,j=objs.length; i<j;++i){ if(objs[i].nodeType != 1){alert(objs[i].nodeType); continue ; } var temp = objs[i][removed]; if(temp.no
Python三级字典案例
zhoupengcheng1的博客
01-31 471
#Author:zhou area = { "北京":{"海淀区":["上地","中关村"],"昌平区":["西二旗","回龙观"]}, "辽宁省":{"沈阳市":["大东区","和平区"],"大连市":["鱿鱼区","海蛎子区"]}, "黑龙江省":{"哈尔滨市":["道里区","道外区"],"七台河市":["桃山区","新兴区"]} } while True:
TP5城市联动
qq_41821881的博客
10-15 785
HTML代码 &lt;div class="div"&gt; &lt;/div&gt; &lt;script src="/static/js/lx.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="__STATIC__/js/jquery-1.7.2.min.js"&gt
基于ThinkPHP+AJAX的省市区三级联动
weixin_34381666的博客
03-03 266
练习，就当练习。 省市区三级联动，样式如下图所示： 1，导入两个js文件并且导入数据库文件。 两个js文件分别是jquery-2.1.4.min.js和jquery-1.js，数据库文件，见附件。 2，建一个index.html <div> <label>所在地点</label> <select name="provi...
PHP TP5 省市区表多级关联模型查询，和db方式查询封装效率
jeas_rt 的博客
07-25 4846
需要对省市区 三张表进行查询，将查询结果 进行组装成如下格式,便于前段js调用 array (size=34) 1 => array (size=4) 'id' => int 1 'name' => string '北京市' (length=9) 'code' => string '110000' (length=6) 'cities
tp5 通过IP获取对应ip的城市
weixin_30540691的博客
08-03 1150
1 public function test() 2 { 3 $request = Request::instance(); 4 $ip = $request->ip(); 5 $url='http://ip.taobao.com/service/getIpInfo.php?ip='.$ip; 6 ...
通过jquery使用ajax寻找当前分类的下一级分类
bj123467的博客
06-12 1052
1、工作原理      例如两个下拉框，通过点击第一个一级分类，通过onchange事件获取当前分类下的二级分类 HTML代码如下：    产品分类： //this代表当前的select选择框    请选择产品分类 "> 所属系列：     -请选择-      js代码：    通过ajax加载出下一级分类     var catinfo = n
jQuery ajax级联二级菜单
Event driven
05-23 259
需求： 产品营销型网站 上传产品时，有产品种类的选择项，产品种类有一级分类和二级分类， 点击一级分类时，相应显示二级分类的条目。 功能实现： 默认查出一级分类的第一条数据，和一级分类第一条对应的二级分类条目，当选择一级分类的其他条目时，通过ajax查询出数据库中对应的二级分类条目，返回json格式的数据，并显示在二级分类的下拉列表中。 编程实现： 前端页面jsp： &lt;fo...
TP-LINK企业级钢壳产品防雷安装指南：降低雷电风险
本手册是TP-LINK企业级钢壳产品防雷安装的专业指南，旨在帮助技术人员在安装和使用过程中有效地防止雷电对设备的潜在损害。雷电作为自然现象，其威力强大，对现代网络设备构成严重威胁。随着网络基础设施的扩展，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值