MVC 3.0 JQUERY Aktualizacja częściowej strony

Question

Mam próbnik dat JQuery UI. Po wybraniu daty zmieniają się dane na wykresie.

Problem polega na tym, że po wybraniu daty w selektorze daty cała strona odświeża się i dane zostaną wypełnione.

Czy mimo to mogę zaktualizować wykres na etykiecie? Uwaga: po wybraniu daty jQuery wysyła posty na serwer i pobiera nowe dane dla wybranej daty.

Używam połączenia $.ajax({ });, aby wykonać połączenie z serwerem. Myślałem, że to zrobi jakąś sztuczkę, ale tak nie jest.

Każda pomoc będzie mile widziane.

Answer 1

Spróbuj

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

Answer 2

Czy trzeba coś takiego

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

Answer 3

nie wiem nazwę swoimi metodami, DIV, wystarczy zmienić odpowiednio czy to pomaga. Spróbuj czegoś w następujący sposób:

 $("#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); 
       } 
      }); 
     }