為網(wǎng)站首頁添加一個“key-value”傳送門功能

msds是key，value是對應(yīng)的網(wǎng)址

image.png

可以跳轉(zhuǎn)到任意網(wǎng)址，不限于自己的網(wǎng)站，比如輸入“貓”，跳轉(zhuǎn)到b站上的“巖合光昭的貓步走世界”：https://www.bilibili.com/video/av1297817/

該功能的適用范圍？

相當(dāng)于一個瀏覽器書簽功能，當(dāng)收藏的網(wǎng)頁多了之后，找起來很不方便。而且很多網(wǎng)頁可能很久才瀏覽一次，都添加到書簽里會顯得臃腫，這時候如果記住關(guān)鍵字，就能比較方便的訪問。

具體實(shí)現(xiàn)：

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

image.png

index.php文件中讀取go_menu.txt，將key-value存儲到數(shù)組$go_menu中

這里使用的是associate數(shù)組，方便用key-value讀取數(shù)據(jù)

image.png

對應(yīng)的html以及js代碼

image.png

下面這行代碼實(shí)現(xiàn)php數(shù)組轉(zhuǎn)js變量(對象)

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

訪問網(wǎng)頁時，先運(yùn)行服務(wù)器端的php代碼，然后再運(yùn)行客戶端的js代碼

【2019-02-10更新】

添加按下回車鍵事件

image.png

【2019-02-18更新】

添加多個關(guān)鍵詞用"/"分隔的功能

image.png

總結(jié)

以上是生活随笔為你收集整理的jquery与php数据传输,【网页制作-jquery, php】key-value 网页书签（php与js之间的数据传递）...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。