एमवीसी 3.0 JQUERY आंशिक पृष्ठ अद्यतन

Question

मेरे पास एक JQuery UI दिनांक पिकर है। तिथि के चयन पर, ग्राफ पर डेटा बदलता है।

मुद्दा यह है कि जब मैं दिनांक पिकर पर दिनांक चुनता हूं, तो संपूर्ण पृष्ठ रीफ्रेश होता है और डेटा पॉप्युलेट हो जाता है।

वैसे भी, क्या मैं टैग पर मौजूद ग्राफ को अपडेट कर सकता हूं? नोट, दिनांक के चयन पर, सर्वर पर jquery पोस्ट और चयनित तिथि के लिए नया डेटा प्राप्त होता है।

मैं सर्वर पर कॉल करने के लिए $.ajax({ }); का उपयोग कर रहा हूं। मैंने सोचा होगा कि यह एक चाल करेगा लेकिन यह मामला नहीं है।

किसी भी मदद की बहुत सराहना की जाएगी।

Answer 1

कुछ की आवश्यकता होगी इस

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

Answer 2

आप की तरह

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

Answer 3

मैं अपने पद्धतियों का नाम नहीं जानता, divs, बस उसके अनुसार अगर यह मदद करता है को बदलने की कोशिश करें। इस प्रकार कुछ प्रयास करें:

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