【网页制作-jquery/php】"key-value" 网页书签(php与js之间的数据传递)

为网站首页添加一个“key-value”传送门功能

所谓key value,就比如输入“msds”,然后点击“冲鸭”按钮,就可以跳转到对应的页面:http://www.bossqiao.com/program_info/ds_info.php

msds是key,value是对应的网址

可以跳转到任意网址,不限于自己的网站,比如输入“猫”,跳转到b站上的“岩合光昭的猫步走世界”:https://www.bilibili.com/video/av1297817/

该功能的适用范围?
相当于一个浏览器书签功能,当收藏的网页多了之后,找起来很不方便。而且很多网页可能很久才浏览一次,都添加到书签里会显得臃肿,这时候如果记住关键字,就能比较方便的访问。

具体实现:
把key-value存储到go_menu.txt文件中:

index.php文件中读取go_menu.txt,将key-value存储到数组$go_menu中
这里使用的是associate数组,方便用key-value读取数据

对应的html以及js代码

下面这行代码实现php数组转js变量(对象)
var link_list = <?php echo json_encode($go_menu)?>;
访问网页时,先运行服务器端的php代码,然后再运行客户端的js代码

【2019-02-10更新】
添加按下回车键事件


实际演示可以访问蟹老板的主页:http://www.bossqiao.com/






Comments

Popular Posts