如何使用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()进行过滤。