在wordpress模板中將項目實時添加到列表中

Question

我正在使用wordpress模板，並且有一個文本框和一個按鈕。 我需要存檔，當我在框中輸入內容並按下按鈕時，頁面會在數據庫中寫入該值，然后在同一頁面上的表中添加新行，其中包含新添加的項目。 所有這些都無需重新加載頁面提示。

據我所知，我需要使用jquery來執行此操作，但是如何通過使用wordpress提供的工具在wordpress模板中正確完成此操作？

Answer 1

即使不知道wordpress如何處理自定義javascript代碼，我也假設您可以在文檔中導入自定義JS腳本。 （ https://codex.wordpress.org/Using_Javascript ）。

您需要做的是綁定按鈕的單擊事件（ .click()或與on()函數），然后在回調中可以檢索文本框的值（ $("textbox_selector").val() ）。

之后，您可以使用$ .ajax（） （或$ .get / $ .post簡寫形式，具體取決於您需要的請求類型）。 要向表中添加新行，您可以使用$("<tr>")創建一個新的tr元素， $("<tr>")相同的方式添加各種<td>或使用html()函數直接在其中設置html。 然后，您可以在表選擇器上使用append()函數。

PS：您說“據我所知，我需要使用jquery來做到這一點”，所以我認為它僅與客戶端有關。 您甚至需要服務器端嗎？ 如果答案是肯定的，那么我們至少需要數據庫結構和其他服務器端信息，然后我才能集成答案。 無論如何，PHP腳本將成為模板的一部分，它將負責在數據庫中添加該條目並返回一些有用的消息，這些消息將在$.ajax()回調函數中提供。