後端程式碼

實體

package com.ctrip.train.tieyouflightpriceanalysis.entity;

/**
 * desc : 優惠券資訊
 * create_user : cheng
 * create_date : 2018/11/21 14:33
 */
public class CouponInfo {

    /**
     * 策略ID
     */
    private String activityId;
    /**
     * 描述資訊
     */
    private String desc;

    /**
     * desc : 重寫toString, 這個方法一定要重寫, 重寫的內容就是json格式化出來的內容
     * create_user : cheng
     * create_date : 2018/11/21 16:06
     */
    @Override
    public String toString() {
        return activityId + ":"+ desc;
    }

    public String getActivityId() {
        return activityId;
    }

    public void setActivityId(String activityId) {
        this.activityId = activityId;
    }

    public String getDesc() {
        return desc;
    }

    public void setDesc(String desc) {
        this.desc = desc;
    }
}
 

controller

    /**
     * desc : 跳轉優惠券風險控制報表頁面
     * create_user : cheng
     * create_date : 2018/8/14 16:29
     */
    @RequestMapping(value = "/_riskControl")
    public ModelAndView toRiskControl(ModelAndView mv) throws Exception {
        mv.setViewName("coupon/riskControl");
        // 優惠券策略ID list(依據class的toString方法生成json)
        // 其中的getCouponList方法 : List<CouponInfo> getCouponList() throws Exception;
        mv.addObject("couponList", riskControlBiz.getCouponList());
        return mv;
    }
 

前端jsp頁面獲取

<input id="couponList" type="hidden" value="${couponList}">

js處理資料

    /**
     * 填充優惠券策略ID
     */
    function fillCouponEnum() {
        // 獲取優惠券策略ID, 擷取前後[]
        var couponStr = $("#couponList").val();
        
        // 輸出結果 : [63336:新客券, 63341:63341, 81635:81635, 65145:65145, 81636:81636, 65157:65157, 75125:75125, 81639:81639, 71653:71653, 65152:65152, 81640:81640, 73039:73039, 67012:67012, 67928:67928, 75126:75126, 73040:73040, 78657:78657, 65148:65148, 81641:81641, 67015:67015, 71657:71657, 65153:65153, 71658:71658, 76608:76608, 77151:77151, 67929:67929]
        // 其實就是 activityId + ":"+ desc, 也就是實體類的toString方法
        console.log(couponStr);

        couponStr = couponStr.substring(1, couponStr.length - 1);
        // str -> array
        var couponList = couponStr.split(",");
        var selectHtml = "<optgroup>";
        selectHtml += "<option data-subtext='全部' value=' '>全部</option>";
        for (var i = 0; i < couponList.length; i++) {
            var couponArr = couponList[i].split(":");
            selectHtml += "<option data-subtext='" + couponArr[1] + "' value='" + couponArr[0] + "'>" + couponArr[0] + "</option>";
        }
        selectHtml += "</optgroup>";
        $("#couponEnum").append(selectHtml);
    }
 

特別注意
我們註釋掉實體類的toString方法後, 上述console.log(couponStr)列印結果為

[[email protected]1f9, [email protected]aa09, [email protected]c1eb, [email protected]b604, [email protected]b5da, [email protected]e44e, [email protected]38ce, [email protected]e919, [email protected]686, [email protected]e1a8, [email protected]5fc2, [email protected]2466, [email protected]c95c, [email protected]a3e, [email protected]9cb, [email protected]ab12, [email protected]9bba, [email protected]eb14, [email protected]e2c0, [email protected]7e18, [email protected]ab6f, [email protected]d74e, [email protected]abed, [email protected]ccc3, [email protected]a0f, [email protected]a84d]