koko体育app官网入口(官方)APP下载IOS/Android通用版/手机app




    koko体育app官网入口(官方)APP下载IOS/Android通用版/手机app

    前后端交互(hù),在前(qián)端获取(qǔ)长整型数据精度丢失问题

    发布于(yú): 2024-09-27    浏览: 1450    作(zuò)者:四号(hào)员工

    1. 问题描述

    描述:在(zài)前端访问到后端接口的过程中,Long类(lèi)型数据精度,末尾(wěi)三位数被(bèi)归零

    1.1.后端

    1.1.1.后端数据类型(xíng)

     /// <summary>  

     /// 表单类(lèi)型  

     /// </summary>  

     public class FormType  

     {  

         /// <summary>  

         /// 类(lèi)型编号  

         /// </summary>  

         public long TypeID { get; set; }  

         /// <summary>  

         /// 类型编码  

         /// </summary>  

         public string TypeCode { get; set; }  

         /// <summary>  

         /// 类型名称  

         /// </summary>  

         public string TypeName { get; set; }  

         /// <summary>  

         /// 创建时间  

         /// </summary>  

         public DateTime CreateTime { get; set; }  

     }  

     

    1.1.2.后端接口

     public class FormTypeController : ApiController  

     {  

         /// <summary>  

         /// 获(huò)取表单类型集(jí)合  

         /// </summary>  

         /// <returns></returns>  

         public IHttpActionResult GetFormTypes()  

         {  

             List<FormType> formTypes = new List<FormType>();  

             formTypes.Add(new FormType { TypeID = 8484382934839484333, TypeCode = "tps", TypeName = "尿液基(jī)蒲(pú)层细胞检测申请单", CreateTime = DateTime.Now });  

             formTypes.Add(new FormType { TypeID = 8484382934839484334, TypeCode = "tct", TypeName = "液(yè)基薄层细(xì)胞学检(jiǎn)测申请单", CreateTime = DateTime.Now });  

             return Json<List<FormType>>(formTypes);  

         }  

     }  


    1.2.前端

    1.2.1.前端访问

     <script src="javascript/jquery/jquery.js"></script>  

     <script>  

         $(function () {  

             $.get(  

                 "http://localhost:54809/api/FormType/GetFormTypes",  

                 "",  

                 function (data) {  

                     console.log(data);  

                 },  

                 "json"  

             )  

         })  

     </script> 


    1.2.2.前端访问结(jié)果



    2.问题(tí)分析

    在前(qián)后端(duān)数据(jù)交互的过程中,长整(zhěng)型(long)数据类型被转换(huàn)为了 JavaScript 中(zhōng)的(de) Number 类型(xíng),由于 JavaScript 中的 Number 类型采(cǎi)用的是 IEEE 754 标准的(de)双精(jīng)度浮点数表示法,使(shǐ)用 64 位二进(jìn)制格式存储数字,其中 1 位符号位、11 位指数位和 52 位(wèi)尾数位。因此,JavaScript 中的 Number 类型能够存储的有(yǒu)效数(shù)字位数为 52 位(wèi),即(jí)最多可以(yǐ)精确表示 15 位(wèi)十进制数字。

    Javascript Number类型范围 -9007199254740991 到 9007199254740991

    C# long类型范围(wéi) -9,223,372,036,854,775,808 到(dào) 9,223,372,036,854,775,807


    3.问题解决

    思路:前后端数(shù)据交互(hù)式,将Long数据转换为字符(fú)串

    3.1.添加一个用于在json序列化(huà)时将long类型转换为string类型的类

     public class LongToStringConverter : JsonConverter  

     {  

         public override object ReadJson(JsonReader reader, Type objectType, object existingValue, JsonSerializer serializer)  

         {  

             try  

             {  

                 return reader.Value.ToString();//.ObjToLong();  

             }  

             catch (Exception ex)  

             {  

                 throw ex;  

             }  

         }  

       

         public override bool CanConvert(Type objectType)  

         {  

             return true;  

         }  

       

         public override void WriteJson(JsonWriter writer, object value, JsonSerializer serializer)  

         {  

             if (value == null)  

             {  

                 writer.WriteNull();  

                 return;  

             }  

             string sValue = value.ToString();  

             writer.Writevalsue(sValue);  

         }  

     }  


    3.2.将该类添加(jiā)在实体对应(yīng)的属性(xìng)之前

     /// <summary>  

     /// 表单类型  

     /// </summary>  

     public class FormType  

     {  

         /// <summary>  

         /// 类(lèi)型编(biān)号  

         /// </summary>  

         [JsonConverter(typeof(LongToStringConverter))]  

         public long TypeID { get; set; }  

         /// <summary>  

         /// 类型编码  

         /// </summary>  

         public string TypeCode { get; set; }  

         /// <summary>  

         /// 类型名称  

         /// </summary>  

         public string TypeName { get; set; }  

         /// <summary>  

         /// 创建时间(jiān)  

         /// </summary>  

         public DateTime CreateTime { get; set; }  

     }  


    3.3.前端访问(wèn)结果

    在线客服

    售(shòu)前咨(zī)询

    售后服务

    投诉/建议

    服(fú)务热线
    0731-83091505
    18874148081

    koko体育app官网入口(官方)APP下载IOS/Android通用版/手机app

    koko体育app官网入口(官方)APP下载IOS/Android通用版/手机app