解決頁面js接受Long型損失精度問題(最新解決方案)

更新時間：2023年03月09日 10:27:25 作者：zoeil

這篇文章主要介紹了解決頁面js接受Long型損失精度問題,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下

一、場景描述

在下面這個后臺管理中，當我們點擊禁用后，會向服務(wù)器發(fā)送一個請求，同時攜帶這個員工的19位數(shù)字的id。

請求方式為PUT

這里的禁用對應(yīng)employee表中的status字段，1為啟用，0為禁用。controller中對應(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("更新員工成功");
    }

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

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

二、問題分析

這是因為頁面js處理Long型數(shù)據(jù)只能精確到前16位，所以最終ajax提交到服務(wù)器的請求中id后幾位被四舍五入了

三、解決方法

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

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

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

/**
 * 對象映射器:基于jackson將Java對象轉(zhuǎn)為json，或者將json轉(zhuǎn)為Java對象
 * 將JSON解析為Java對象的過程稱為 [從JSON反序列化Java對象]
 * 從Java對象生成JSON的過程稱為 [序列化Java對象到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();
        //收到未知屬性時不報異常
        this.configure(FAIL_ON_UNKNOWN_PROPERTIES, false);
 
        //反序列化時，屬性不存在的兼容處理
        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)));
 
        //注冊功能模塊 例如，可以添加自定義序列化器和反序列化器
        this.registerModule(simpleModule);
    }
}

webmvc配置類

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

到此這篇關(guān)于解決頁面js接受Long型損失精度問題的文章就介紹到這了,更多相關(guān)js接受Long型損失精度內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: