jquery - MVC 3.0 JQUERY 部分页面更新

Question

我有一个 JQuery UI 日期选择器。选择日期后，图表上的数据会发生变化。

问题是当我在日期选择器上选择日期时，整个页面都会刷新并且数据会被填充。

无论如何，我可以更新标签上的图表吗？请注意，在选择日期后，jquery 会发布到服务器并获取所选日期的新数据。

我 $.ajax({ });用来打电话给服务器。我原以为这会起到作用，但事实并非如此。

任何帮助都感激不尽。

Answer 1

我不知道您的方法的名称，div，如果有帮助，请相应地更改。尝试如下操作：

        $("#DateDiv").datepicker({
        showOtherMonths: true,
        selectOtherMonths: true,
        dateFormat: "yy/mm/dd",
        onSelect: function (dateText, inst)
        {
            UpdateGraph(dateText);
        },
        onChangeMonthYear: function(year, month, inst) 
        { 
            $.ajax({
                async: false,
                cache: false,
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                url: "@Url.Action("LoadGraph", "YourController")",
                data:
                {
                    date: new Date(year, month - 1, 1).toString("yyyy/MM/dd")
                },
                success: function (data)
                {
$("#UpdateGraphDataDiv").html(data);
                                   },
                error: function (request, status, error)
                {
                    DisplayErrorMessageBox(ParseErrorFromResponse(request.responseText, "Unknown error"), true);
                }
            });
        }

Answer 2

你需要类似的东西

$('button').click(function(event){ 
   event.preventDefault();
   $.ajax({ ... } );
});

Answer 3

试试这个

$('#datepickerid').datepicker({
   onSelect: function(dateText, inst) { 
     $.ajax({ ... } );
     return false;
   }
});