.NET DateTime in Ajax

最新推荐文章于 2025-08-07 14:42:17 发布

weixin_30515513

最新推荐文章于 2025-08-07 14:42:17 发布

阅读量98

点赞数

CC 4.0 BY-SA版权

文章标签： javascript json xhtml ViewUI

原文链接：http://www.cnblogs.com/MyNameEPC/archive/2009/03/24/1420454.html

本文介绍如何在 ASP.NET Web 服务或 WCF 服务中使用 AJAX 进行 UTC 时间与 JavaScript Date 类型之间的转换。通过示例展示了如何在服务端与客户端间正确传递日期时间数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

If we use ASP.NET web service or WCF with AJAX, the .NET DateTime is transfered in "/Date(1255329630000+0800)/" format (2009/10/12 14:40:30) between server and client browser. The format is UTC time, we are unable to use it directly in JavaScript, it should be converted first. The following sample using ExtJS and WCF shows how to convert between UTC time and JavaScript Date type.

Simple type example:

Web.config
<system.serviceModel>
  <behaviors>
    <endpointBehaviors>
      <behavior name="AjaxBehavior">
        <webHttp/>
      </behavior>
    </endpointBehaviors>
  </behaviors>
  <services>
    <service name="LearningService">
      <endpoint address="" behaviorConfiguration="AjaxBehavior" binding="webHttpBinding" contract="LearningService"/>
    </service>
  </services>
</system.serviceModel>

HTML sample code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Default</title>
    <link href="js/ext-2.2.1/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
    <script src="js/ext-2.2.1/adapter/ext/ext-base.js" type="text/javascript"></script>
    <script src="js/ext-2.2.1/ext-all-debug.js" type="text/javascript"></script>
    <script type="text/javascript">
        var g_date;

        Ext.onReady(function() {
            var getDateButton = new Ext.Button({ text: "Get Date" });
            getDateButton.on("click", function() {
                Ext.Ajax.request({
                    method: "POST",
                    headers: { "Content-Type": "application/json; charset=utf-8" },
                    url: "LearningService.svc/GetDate",
                    success: function(response, options) {
                        g_date = toDate(Ext.decode(response.responseText).GetDateResult);
                        Ext.MessageBox.alert("Success", g_date.toLocaleString());
                    },
                    failure: function(response, options) {
                        Ext.MessageBox.alert("Failure", response.responseText);
                    }
                });
            });
            getDateButton.render(Ext.getBody());

            var setDateButton = new Ext.Button({ text: "Set Date" });
            setDateButton.on("click", function() {
                Ext.Ajax.request({
                    method: "POST",
                    headers: { "Content-Type": "application/json; charset=utf-8" },
                    url: "LearningService.svc/SetDate",
                    params: Ext.encode({ date: toWCFDate(g_date) }),
                    success: function(response, options) {
                        Ext.MessageBox.alert("Success", response.responseText);
                    },
                    failure: function(response, options) {
                        Ext.MessageBox.alert("Failure", response.responseText);
                    }
                });
            });
            setDateButton.render(Ext.getBody());
        });

        function toDate(s) {
            s = s.substr(1, s.length - 2)
            return eval("new " + s);
        }

        function toWCFDate(d) {
            var year = d.getUTCFullYear();
            var month = d.getUTCMonth();
            var date = d.getUTCDate();
            var hours = d.getUTCHours();
            var minutes = d.getUTCMinutes();
            var seconds = d.getUTCSeconds();
            var ms = d.getUTCMilliseconds();
            var value = Date.UTC(year, month, date, hours, minutes, seconds, ms);
            return "/Date(" + value + ")/";
        }
    </script>
</head>
<body>
</body>
</html>

Complex type example:

WCF code
[ServiceContract]
[AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]
public class LearningService
{
    [OperationContract]
    [WebGet(BodyStyle = WebMessageBodyStyle.Wrapped, ResponseFormat = WebMessageFormat.Json)]
    public Person GetPerson()
    {
        return new Person()
        {
            Name = "Will Smith",
            BirthDate = new DateTime(2009, 10, 12, 14, 40, 30)
        };
    }

    [OperationContract]
    [WebInvoke(BodyStyle = WebMessageBodyStyle.Wrapped, ResponseFormat = WebMessageFormat.Json, RequestFormat = WebMessageFormat.Json)]
    public void SetPerson(Person person)
    {
        Debug.WriteLine(string.Format("{0} {1}", person.Name, person.BirthDate), "Person");
    }
}

[DataContract]
public class Person
{
    [DataMember]
    public string Name { get; set; }
    [DataMember]
    public DateTime BirthDate { get; set; }
}

HTML sample code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Default</title>
    <link href="js/ext-2.2.1/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
    <script src="js/ext-2.2.1/adapter/ext/ext-base.js" type="text/javascript"></script>
    <script src="js/ext-2.2.1/ext-all-debug.js" type="text/javascript"></script>
    <script type="text/javascript">
        var g_person;

        Ext.onReady(function() {
            Ext.Ajax.request({
                method: "GET",
                headers: { "Content-Type": "application/json; charset=utf-8" },
                url: "LearningService.svc/GetPerson",
                success: function(response, options) {
                    g_person = Ext.decode(response.responseText).GetPersonResult;
                    g_person.BirthDate = toDate(g_person.BirthDate);
                    Ext.MessageBox.alert("Success", g_person.Name + " " + g_person.BirthDate.toLocaleString());
                },
                failure: function(response, options) {
                    Ext.MessageBox.alert("Failure", response.responseText);
                }
            });

            var button = new Ext.Button({ text: "Post a person" });
            button.on("click", function() {
                g_person.BirthDate = toWCFDate(g_person.BirthDate);
                Ext.Ajax.request({
                    method: "POST",
                    headers: { "Content-Type": "application/json; charset=utf-8" },
                    url: "LearningService.svc/SetPerson",
                    params: Ext.encode({ person: g_person }),
                    success: function(response, options) {
                        Ext.MessageBox.alert("Success", response.responseText);
                    },
                    failure: function(response, options) {
                        Ext.MessageBox.alert("Failure", response.responseText);
                    }
                });
            });
            button.render(Ext.getBody());
        });

        function toDate(s) {
            return eval("new " + s.substr(1, s.length - 2));
        }

        function toWCFDate(d) {
            var year = d.getUTCFullYear();
            var month = d.getUTCMonth();
            var date = d.getUTCDate();
            var hours = d.getUTCHours();
            var minutes = d.getUTCMinutes();
            var seconds = d.getUTCSeconds();
            var ms = d.getUTCMilliseconds();
            var value = Date.UTC(year, month, date, hours, minutes, seconds, ms);
            return "/Date(" + value + ")/";
        }
    </script>
</head>
<body>
</body>
</html>

转载于:https://www.cnblogs.com/MyNameEPC/archive/2009/03/24/1420454.html