Javascript / AJAX汽车制造/模型形式

时间:2010-07-20 16:17:34

标签: javascript html ajax

我正在尝试使用Javascript或AJAX创建汽车制作/模型表单,问题是我没有很多经验,但在这里它。 。

我需要创建一个包含汽车品牌和型号下拉列表的表单,当用户选择特定品牌时,模型下拉列表将填充所有模型,现在我有关于如何实现这一点的一些想法,但我希望得到一些关于如何处理这个问题的最佳方法,以减少开发时间。

我正在考虑在数组中创建一个数组,一个包含make,在每个“make”数组中都有模型数组,所以当用户点击一个make时,一个AJAX / Javascript函数会触发哪个将获取当前字段的值并使用它来获取数组中make的位置,然后遍历内部模型数组并生成该特定品牌的下拉菜单。

现在我不确定这是不是一个合理的想法,或者是否有更好的方法,但我没有多少时间进行测试,因此消除过程是不可能的,所以有人可以指出我需要进入一般方向,或者可能指向一个现成的脚本?因为我对Javascript语法的理解目前几乎没有!

提前Thanx!

1 个答案:

答案 0 :(得分:1)

关键决定是您是否要在开头加载所有信息(在这种情况下,用户可能会在加载他们不关心的品牌的所有模型时遇到延迟)或者您是否想要在选择品牌时检索模型。答案取决于

  1. 可能有多少数据
  2. 您需要多快的页面
  3. 服务器上的负载量 等。
  4. 基本上,您是否可以承受在开始时加载所有模型的性能影响?

    如果您决定在开始时负担得起所有内容,我认为您描述的方法是合理的,尽管我实际上不会将数组用于外部容器。我这样做:

    var models = {
        Audi: ["Quattro","A4", ...],
        BMW: ["M3", "M6", ...],
        ...
    };
    

    存储在“models”变量中的东西实际上是一个javascript对象,尽管人们有时会把它称为“关联数组”。

    请注意,在这种情况下,您并没有真正使用“AJAX”,因为您没有动态地从服务器检索数据。

    另一种方案是您设置一个URL,您可以使用模型对其进行查询,并且它将使用一个品牌列表进行响应。然后在用户选择模型时触发查询。这是AJAX。