jquery与php数据传输,【网页制作-jquery, php】key-value 网页书签（php与js之间的数据传递）...

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

msds是key，value是对应的网址

image.png

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

该功能的适用范围？

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

具体实现：

把key-value存储到go_menu.txt文件中:

image.png

index.php文件中读取go_menu.txt，将key-value存储到数组$go_menu中

这里使用的是associate数组，方便用key-value读取数据

image.png

对应的html以及js代码

image.png

下面这行代码实现php数组转js变量(对象)

var link_list = <?php echo json_encode($go_menu)?>;

访问网页时，先运行服务器端的php代码，然后再运行客户端的js代码

【2019-02-10更新】

添加按下回车键事件

image.png

【2019-02-18更新】

添加多个关键词用"/"分隔的功能

image.png

总结

以上是生活随笔为你收集整理的jquery与php数据传输,【网页制作-jquery, php】key-value 网页书签（php与js之间的数据传递）...的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。