如何使用AJAX和JSON使表單提交返回指定的結果？

Question

我正在從事基本年份，品牌，與型號相關的下拉菜單，但后來開始倒推。 我目前正在根據模型的下拉選項來使我的成功回調。 例如，如果我選擇2006，雷克薩斯，is250，則只希望成功回調顯示該工具。

我的大部分代碼都可以在http://codepen.io/cfavela/pen/bozie/中找到（請確保折疊CSS頁面以使其更易於閱讀）

我的結果頁面（modelsTest.html）包含以下內容：

{“ Car”：“ 2012 Chevrolet Avalanche”，“ Price”：“ $ 10,999”，“ Features”：“軟座！” “ Img”：“ /css/img/2012_Avalanche.jpeg”}

我試圖做的是使用數組和$ .each添加另一輛車，但是這個結果的問題是，如果我單擊搜索，它將返回每輛車。 如何使成功回調取決於所選模型？

Answer 1

正如我在上面評論的那樣，按照這種SO 如何使用javascript讀取發布請求參數的方法 ，您無法在客戶端級別獲取發布數據，您需要在服務器端執行此操作。

因此，您可以嘗試使用GET並將查詢（$（'＃vehicle'）。val（））作為查詢字符串的一部分，然后基於查詢字符串，在modelsTest.html上執行一些JavaScript邏輯，然后返回所需的json 。 （但我認為這不起作用，因為我認為您無法在真實的html文件中返回純json，因此猜測您的modelsTest.html僅包含json。但是我可能錯了，因此我將其保留為可能解）

或者在追加到msg之前，在success: function()進行過濾。