js接受Long型損失精度問題怎么解決

本篇內(nèi)容介紹了“js接受Long型損失精度問題怎么解決”的有關(guān)知識(shí)，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

一、場(chǎng)景描述

在下面這個(gè)后臺(tái)管理中，當(dāng)我們點(diǎn)擊禁用后，會(huì)向服務(wù)器發(fā)送一個(gè)請(qǐng)求，同時(shí)攜帶這個(gè)員工的19位數(shù)字的id。

 請(qǐng)求方式為PUT

這里的禁用對(duì)應(yīng)employee表中的status字段，1為啟用，0為禁用。controller中對(duì)應(yīng)的方法如下：

    @PutMapping
    public R<String> update(HttpServletRequest request,@RequestBody Employee employee) {
        log.info("修改的用戶id為{}", employee.getId());
        Long empId = (Long)request.getSession().getAttribute("employee");
        employee.setUpdateTime(LocalDateTime.now());
        employee.setUpdateUser(empId);
 
        employeeService.updateById(employee);
        return R.success("更新員工成功");
    }

 當(dāng)點(diǎn)擊后發(fā)現(xiàn)并沒有被禁用，數(shù)據(jù)庫(kù)中該用戶的status字段也沒有更新成功。通過debug發(fā)現(xiàn)請(qǐng)求發(fā)送時(shí)攜帶id與數(shù)據(jù)庫(kù)中的不同

而頁面展示的時(shí)候返回的數(shù)據(jù)id也是正常的

二、問題分析

這是因?yàn)轫撁鎗s處理Long型數(shù)據(jù)只能精確到前16位，所以最終ajax提交到服務(wù)器的請(qǐng)求中id后幾位被四舍五入了

三、解決方法

我們可以在服務(wù)端給頁面響應(yīng)json數(shù)據(jù)時(shí)進(jìn)行處理，將long型數(shù)據(jù)統(tǒng)一轉(zhuǎn)為String字符串，效果如下:

具體實(shí)現(xiàn)步驟:

• 提供對(duì)象轉(zhuǎn)換器Jackson0bjectMapper，基于Jackson進(jìn)行Java對(duì)象到j(luò)son數(shù)據(jù)的轉(zhuǎn)換

• 在WebMvcConfig配置類中擴(kuò)展Spring mvc的消息轉(zhuǎn)換器，在此消息轉(zhuǎn)換器中使用提供的對(duì)象轉(zhuǎn)換器進(jìn)行java對(duì)象到j(luò)son數(shù)據(jù)的轉(zhuǎn)換 

/**
 * 對(duì)象映射器:基于jackson將Java對(duì)象轉(zhuǎn)為json，或者將json轉(zhuǎn)為Java對(duì)象
 * 將JSON解析為Java對(duì)象的過程稱為 [從JSON反序列化Java對(duì)象]
 * 從Java對(duì)象生成JSON的過程稱為 [序列化Java對(duì)象到JSON]
 */
public class JacksonObjectMapper extends ObjectMapper {
 
    public static final String DEFAULT_DATE_FORMAT = "yyyy-MM-dd";
    public static final String DEFAULT_DATE_TIME_FORMAT = "yyyy-MM-dd HH:mm:ss";
    public static final String DEFAULT_TIME_FORMAT = "HH:mm:ss";
 
    public JacksonObjectMapper() {
        super();
        //收到未知屬性時(shí)不報(bào)異常
        this.configure(FAIL_ON_UNKNOWN_PROPERTIES, false);
 
        //反序列化時(shí)，屬性不存在的兼容處理
        this.getDeserializationConfig().withoutFeatures(DeserializationFeature.FAIL_ON_UNKNOWN_PROPERTIES);
 
 
        SimpleModule simpleModule = new SimpleModule()
                .addDeserializer(LocalDateTime.class, new LocalDateTimeDeserializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_TIME_FORMAT)))
                .addDeserializer(LocalDate.class, new LocalDateDeserializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_FORMAT)))
                .addDeserializer(LocalTime.class, new LocalTimeDeserializer(DateTimeFormatter.ofPattern(DEFAULT_TIME_FORMAT)))
 
                .addSerializer(BigInteger.class, ToStringSerializer.instance)
                .addSerializer(Long.class, ToStringSerializer.instance)
                .addSerializer(LocalDateTime.class, new LocalDateTimeSerializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_TIME_FORMAT)))
                .addSerializer(LocalDate.class, new LocalDateSerializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_FORMAT)))
                .addSerializer(LocalTime.class, new LocalTimeSerializer(DateTimeFormatter.ofPattern(DEFAULT_TIME_FORMAT)));
 
        //注冊(cè)功能模塊 例如，可以添加自定義序列化器和反序列化器
        this.registerModule(simpleModule);
    }
}

webmvc配置類 

@Configuration
@Slf4j
public class WebMvcConfig extends WebMvcConfigurationSupport {
 
 
    /*
     * 擴(kuò)展MVC框架的消息轉(zhuǎn)換器
     */
 
    @Override
    protected void extendMessageConverters(List<HttpMessageConverter<?>> converters) {
        log.info("消息轉(zhuǎn)化器添加成功");
        // 創(chuàng)建消息轉(zhuǎn)換器
        MappingJackson2HttpMessageConverter converter = new MappingJackson2HttpMessageConverter();
 
        // 設(shè)置對(duì)象轉(zhuǎn)換器，底層使用jackson將java對(duì)象轉(zhuǎn)換為json
        converter.setObjectMapper(new JacksonObjectMapper());
        // 將上面的消息轉(zhuǎn)換器添加到mvc框架的轉(zhuǎn)換器集合中
        converters.add(0, converter);
 
    }
}

“js接受Long型損失精度問題怎么解決”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！