如何使表单提交使用AJAX&返回指定的结果JSON?

时间:2014-05-16 03:24:57

标签: javascript jquery ajax

我正在处理一个基本的年份,制作,依赖于模型的下拉菜单,但开始向后工作。我目前正在努力使我的成功回调取决于模型下拉选择。例如,如果我选择2006,lexus,is250,我只希望我的成功回调显示该车辆。

我的大多数代码都可以找到http://codepen.io/cfavela/pen/bozie/(确保折叠CSS页面以便于阅读)

我的结果页面(modelsTest.html)包含以下内容:

{ " Car":" 2012 Chevrolet Avalanche", "价格":" 10,999美元", "功能":"软座椅!" " Img":" /css/img/2012_Avalanche.jpeg" }

我尝试做的是使用数组和$ .each添加另一辆车,但这个结果的问题是,如果我点击搜索,它会返回每辆车。如何根据所选模型进行成功回调?

1 个答案:

答案 0 :(得分:0)

正如我上面评论的那样,根据这个SO How to read the post request parameters using javascript,您无法在客户端级别获取发布数据,您需要服务器端来执行此操作。

所以你可以尝试使用GET并形成你的查询($('#vehicle')。val())作为查询字符串的一部分,然后基于查询字符串,在modelsTest上做一些javascript逻辑.html并返回你想要的json。 (但我不认为这会有效,因为我不认为你可以在真正的html文件中返回纯json,所以猜测你的modelsTest.html只包含json。但我可能是错的因此我离开了这是一种可能的解决方案)

或在追加success: function()之前在msg中进行过滤。