如何根據下拉式選單中的使用者輸入使用 AJAX 動態更新 Google 圖表？

透過 AJAX 根據使用者輸入更新 Google 圖表

問題

Google 圖表目前配置為根據取得請求。目標是根據使用者從下拉式選單中的選擇透過 AJAX 動態更新此圖表。

分析

核心問題源自於圖表對 AJAX 更新缺乏回應。 JSON 格式不符可能會阻止 Google 渲染圖表。

解

PHP代碼(getdata.php):

HTML/Javascript：

主要區別：

• getdata.php 腳本現在傳回與Google 相容的JSON格式的資料圖表。
• hAxis 和 vAxis 在圖表選項中只指定一次，而不是出現兩次。
• 刪除 async: false 選項以防止意外行為。
• 不使用內聯事件處理程序，而是新增 jQuery 來變更偵聽器。

以上是如何根據下拉式選單中的使用者輸入使用 AJAX 動態更新 Google 圖表？的詳細內容。更多資訊請關注PHP中文網其他相關文章！