将JavaScript表单变量传递到jQuery函数中不起作用

Question

我正在尝试将分配给表单变量的一些JavaScript变量传递给一个名为fancybox的jQuery插件使用的查询字符串。 如果我在我希望lightbox的字符串中使用硬编码，那么效果很好，但是我需要在其中传递一些表单值以使其按需运行。

<script type="text/javascript">
    $(document).ready(function(){

            var item = document.itemFinder.item;
            var zip = document.itemFinder.zip;
            var radius = document.itemFinder.radius;
            var dataString = "item=" + item + "&zip=" + zip + "&radius=" + radius;
            $("#various3").fancybox({
                    ajax : { type   : "POST", data  : dataString},
                    'scrolling'         : 'auto',
                    'overlayOpacity'    : '0'           
                    }               
                );
    });
    </script>

我究竟做错了什么？

Answer 1

data参数需要一个对象。 您正在传递字符串。 像这样更改您的通话：

ajax : { type: "POST", data  : {'item': item, 'zip': zip, 'radius': radius}} 

这样可以正确地序列化您的值。

- 更新 -

<script type="text/javascript">
  $(document).ready(function(){
     $('#someElement').change(function () {
        var item = document.itemFinder.item;
        var zip = document.itemFinder.zip;
        var radius = document.itemFinder.radius;
        var dataString = "item=" + item + "&zip=" + zip + "&radius=" + radius;
        $("#various3").fancybox({
                ajax : { type   : "POST", data  : dataString},
                'scrolling'         : 'auto',
                'overlayOpacity'    : '0'           
                }               
            );
  });
});
</script>

在我的示例中，我不确定您实际要绑定到哪个事件（您的调用），也不确定其他可用的元素，但是希望仍然有意义。 谢谢，