為網站首頁添加一個“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之间的数据传递）...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。