Question

我正在修改一个我之前没有参与过的ASP.NET项目。我添加了一个datepicker对象：

<input id="datepicker" />
<script>
    $("#datepicker").kendoDatePicker({
        value: new Date()
        change: UpdateVehiculesSurSite
    });
</script>

并尝试修改“UpdateVehiculesEnAttente”方法，将选择的日期发送给我的控制器：

function UpdateVehiculesEnAttente(){
    var datepicker = $("#datepicker").data("kendoDatePicker");
    console.log(typeof datepicker);
    if (datepicker!==null && typeof datepicker !== "undefined"){
        var value = datepicker.value();
        console.log(value);
        value = kendo.toString(value,"dd/MM/yyyy")
        alert(value);

        $(document).ready($.ajax({
            url: 'Entrees_Sorties/Get_Vehicules_EnAttente',
            type: 'POST',
            data: {'date' : value},
            contentType: 'application/json',
            success: function (retour) {
                $("#DivVehiculesEnAttente").html(retour);
                console.log("update attente success");
            },
            error: function (xhr, status, error) {
                montrerNotificationNoConnexion();
            }
        }));
    //}
    return false;    
}

第一个问题是项目首先运行javascript文件，因此没有初始化datepicker。为了尝试我的Controller方法，我给了“值”一个日期。
我的控制器方法如下：

public ActionResult Get_Vehicules_EnAttente([DataSourceRequest] DataSourceRequest request, string date){
    try{
        List<List<Vehicule>> Data = new List<List<Vehicule>>();               
        DateTime dt = Convert.ToDateTime(date);
        Data.Add(Models.Vehicule.Get_Vehicules_EnAttente_ByDate(dt, true));
        return PartialView("VehiculesEnAttente", Data);               
    } catch (Exception e) {
        WorkflowWCF.Log.enregistrer_erreur(new Exception("Une erreur est survenue lors de la récupération des véhicules planifiés", e));
        return Json(new List<Vehicule>().ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
    }
}

结果是我的Ajax请求返回错误并启动了“montrerNotificationNoConnexion”方法。

知道为什么吗？

编辑： Using Firebug, I get this

您认为问题可能是“日期”包含“17％2F02％2F2016”而不是“17/02/2016”吗？

EDIT2：问题之一是字符串格式。我将其更改为“02/17/2016”但仍然无效。

Answer 1

您必须以ISO 8601格式发送日期，然后MVC模型绑定器才能绑定它。

var GlobalJsHelpers = GlobalJsHelpers || {};
/// <summary>
/// Takes a utc js date and converts it to a iso8601 utc string
/// </summary>
GlobalJsHelpers.Iso8601FromUtc = function(utcDate) {
    //create a two digit month string (01-12)
    var month = ('0' + (utcDate.getUTCMonth() + 1)).substr(-2);
    //create a two digit day string (01-31)
    var day = ('0' + utcDate.getUTCDate()).substr(-2);
    return utcDate.getUTCFullYear() + '-' + month + '-' + day;
};

用法：

data: {'date' :  GlobalJsHelpers.Iso8601FromUtc(dateValueInUtc)}

Answer 2

您将内容类型定义为contentType: 'application/json', 然后以简单的文本发送数据。

您应该删除，以便jquery使用默认的'application/x-www-form-urlencoded; charset=UTF-8'类型。

将参数从Javascript发送到控制器

2 个答案: