jQuery UI Datepicker並在選擇日期後執行Ajax

-1

我不確定是否可以，以及如何處理它 - 在日期選擇日期選擇器上執行Ajax。我沒有從控制檯中的Ajax部分收到任何錯誤。在一個div ID'按比例'我得到「成功」，而不是評級的訂閱價值。我是否需要使用JSON從PHP文件獲取返回的值？jQuery UI Datepicker並在選擇日期後執行Ajax

目標是根據所選月份的選定日期和天數獲得按比例分配的訂閱價格。

當前代碼看起來像並計算放置選擇的月份天：

<script> 
jQuery(document).ready(function() { 
    jQuery("#dataStart").datepicker({ 

     minDate: '+2d', 
     changeMonth: true, 
     changeYear: true, 
     dateFormat: 'mm/dd/yy', 
     onSelect: function(date){ 
      var dates = date.split('/'); 
      var lastDate = new Date(dates[2], dates[0], 0); 
      var y = lastDate.getFullYear(), m = lastDate.getMonth(), d = lastDate.getDate(); 
      m = ('0'+ (m+1)).slice(-2); 

      jQuery('#dataEnd').val(m+'/'+d+'/'+y); 
      var start = jQuery('#dataStart').datepicker('getDate'); 
      jQuery('#dataEnd').datepicker({dateFormat: 'mm/dd/yy'}).datepicker('setDate', m+'/'+d+'/'+y); 
      var end = jQuery('#dataEnd').datepicker('getDate'); 
      var days = ((end - start)/1000/60/60/24)+1; 

      jQuery('#calculated').text(days);  

       jQuery.ajax({ 
       url:"prorated.php", 
       type: "POST", 
       data: {prorated_days: days, prorated_subscription: 25, prorated_package: "basic"}, 
       success:function(data, result){ 
        $("#prorated").html(result); 
       } 
       }); 

     } 
    }); 
}); 
</script> 
<label for="dataStart">Start Date:</label> 
<input type="text" style="width: 88px;" class="datepicker" id="dataStart" size="10" name="dataStart" data-role="date" /> 
<label for="dataEnd">End Date:</label> 
<input type="text" style="width: 88px;" class="end_date" id="dataEnd" size="10" name="dataEnd" value="" readonly />

來源

2014-12-02 JackTheKnife

包括你要執行，請Ajax代碼 – 2014-12-02 15:13:05

@JeffWatkins更新。。爲什麼選擇在主題時投票？ – JackTheKnife 2014-12-02 20:43:42

因爲你將html設置爲成功函數的_textStatus_值（你稱之爲'result'），所以你在'prorated'div中獲得了「成功」。數據）'。 – ioums 2014-12-02 21:16:10

jQuery的AJAX傳入傳遞給成功函數的第一參數Ajax響應的主體中。第二個參數，即你正在使用的參數是textStatus。由於您的ajax調用成功，textStatus是'成功'。在你的ajax成功函數需要是這樣的：。

$（'＃按比例分配「）HTML（數據）;

來源

2014-12-02 21:16:46 ShadeTreeDeveloper

好！它的工作原理。你能告訴我如何在AJAX中處理JSON數據而不是HTML嗎？ – JackTheKnife 2014-12-02 21:26:17

沒關係 - 得到它在添加'dataType：'json'，'後工作 – JackTheKnife 2014-12-02 21:35:08

jQuery UI Datepicker並在選擇日期後執行Ajax

回答

相關問題