0

我有一个简单的表单，其中包含 jquery UI 日期选择器，基本上，当日期更改时，我想刷新我的数据（去获取基于日期的所有记录）。但是我不知道如何刷新数据？因此，如果您可以提供帮助，请寻求建议和简单的示例。

@model ViewModels.ScheduleMobileDisplay
@{
    ViewBag.Title = "Test";
    Layout = "~/Views/Shared/_AppHomeLayout.Iphone.cshtml";

}


@using (Html.BeginForm())
{
{
    <div data-role="page" id="pageAccount">
        <link href="~/Content/CSS/jquery-ui-1.10.1.Redmond/jquery-ui-1.10.1.custom.min.css" rel="stylesheet" />
        <script>
            $(function () {
                $("#datepicker").datepicker(
                    {
                        showButtonPanel: true,
                        dateFormat: "dd-M-yy",
                        onSelect: function (dateText, inst) {
                            var date = $(this).val();
                            alert('I Need to refresh the data below' + date);
                        }
                    });
            });

        </script>
        <div data-role="content">

            <input type="text" id="datepicker"  placeholder="Select Date" />

            <ul data-role="listview" data-divider-theme="b" data-inset="true">
                <li data-role="list-divider" role="heading">
                    @Model.AppointmentDate
                </li>
                @foreach (var item in Model.Appointments)
                {
                    <li data-theme="c">
                        <a href="/Schedule/MobileAppointmentEdit/@item.Id" data-transition="slide">
                            @item.StartTime @item.Name
                        </a>
                    </li>
                }

            </ul>
        </div>

    </div>

}
4

1 回答 1

1

您希望对web 服务进行ajax调用以获取数据，然后在 ajax 调用的success回调中更新您的页面。 

$.ajax('www.mywebsite.com/myserviceurl', {
    contentType: 'application/json; charset=utf-8',
    dataType: 'json',
    data: messageData,
    type: 'POST',
    timeout: 20000,
    success: function(data) {
        /* update page here */
    },
    error: function(jqXHR, textStatus, errorThrown) {
        console.log(errorThrown);
    }
});
于 2013-02-27T15:54:58.950 回答