如何在JQuery中使用ajax发送数据范围

时间:2015-03-26 21:46:30

标签: jquery ajax

我有以下代码,我想在日期范围内获取一些数据

<table>
    <tr><td>Start Date:</td><td><input type="text" id="datepickerF"></td></tr>

    <tr><td>End Date:</td><td><input type="text" id="datepickerT"></td></tr>
    </table>
    <br> <br>
    <input type="button" id="pull" value="Pull Data" />
        <script>
            $(function() {
                $("#datepickerF").datepicker();
                $("#datepickerT").datepicker();
            });

            $("#pull").on("click",function(){
                var url="something";
                var data=

                    $.ajax({
                        url: url,
                        type: "POST",
                        data: ,
                        success: function (data){}
                    });
            });

        </script>

但我很困惑如何在数据中发送日期范围:。有没有什么好的解决方案可以发送日期范围并获取该范围内的数据?

1 个答案:

答案 0 :(得分:1)

您可以使用$("#datepickerF").datepicker('getDate');获取日期,但这会返回Date js对象,当然您要将日期发送到服务器,并且您需要一个字符串格式的日期,因此请尝试使用{{ 1}}因为datepicker以字符串格式设置输入的值,您可以使用$("#datepickerF").val()来获取它。

然后,根据您的控制器要求,您可以将日期作为字符串以多种格式发送到服务器,因为您的问题中未指定,例如,您可以将其作为val()对象发送为:

JSON

查看此工作 jsfiddle

此外,如果您需要特定的日期格式,则可以在初始化对象时使用$("#pull").on("click",function(){ var url="something"; var data= {"start" : $("#datepickerF").val(), "end" : $("#datepickerF").val()}; $.ajax({ url: url, type: "POST", data: JSON.stringify(data), success: function (data){} }); }); ,例如:

datepicker({ dateFormat: 'dd-mm-yy' })

请参阅dateFormat

希望这有帮助,