原型AJAX更新程序多个请求

时间:2012-10-22 19:36:24

标签: ajax prototypejs

我刚刚开始学习AJAX,并且正在尝试构建一个从数据库中提取信息的级联下拉列表。我的AJAX.Updater代码可以工作,但不仅适用于其中一个下拉列表。如何进行多个AJAX.Updater调用?

<script type="text/javascript" src="jQuery/jquery-latest.js"></script>
<script type="text/javascript" src="jQuery/prototypejs.js"></script>
<script language="javascript">
jQuery(document).ready(function()
{
  jQuery('#regiondropdown').change(function() {
  dropdowns(jQuery(this).val(),"foo");
  });

  jQuery('#foodropdown').change(function() {
  dropdowns(jQuery(this).val(),"bar");
  });

}
);

function dropdowns(str,type)
  {
      if (type=="foo") {
        new Ajax.Updater('foo', 'foo_dropdown.php', { method: 'get', parameters: {foo: str} });
      } else if (type=="bar") {
        new Ajax.Updater('bar', 'bar_dropdown.php', { method: 'get', parameters: {bar: str} });
      }
  }

</script>

1 个答案:

答案 0 :(得分:0)

我看不出它是什么,所以我建议你启动你的调试器 1)检查两种情况下jQuery(this).val()的值。 “这个”可能不是你对Javascript的信任 2)检查如果在下拉列表中切换if ..和else ...会发生什么。也许有一个(,{或;不合适。

HTH