延续前序问题：基于jQuery从筛选搜索URL中提取categoryid

嘿，我来帮你搞定这个需求！你需要从http://localhost/badar/category/produkterbaru/CT0007?brand=BR0006,BR0010里提取CT0007这个categoryid，同时完善那段未完成的jQuery复选框处理代码对吧？下面是具体的解决方案：

一、提取CategoryID的两种实用方法 #

方法1：通过URL路径拆分提取（适合路径结构固定的场景） #

你的categoryid在URL路径的最后一段（查询参数?brand=...之前），可以直接拆分路径来获取：

// 获取当前URL的路径部分，比如 "/badar/category/produkterbaru/CT0007"
const pathname = window.location.pathname;
// 把路径按"/"拆分，过滤掉空字符串，得到数组 ["badar", "category", "produkterbaru", "CT0007"]
const pathSegments = pathname.split('/').filter(segment => segment);
// 取数组最后一项就是我们要的categoryid
const categoryId = pathSegments[pathSegments.length - 1]; // 结果：CT0007

方法2：用正则表达式匹配（适合需要精准匹配格式的场景） #

如果categoryid的格式固定是CT开头加四位数字，用正则匹配会更稳妥：

const url = window.location.href;
// 匹配CT开头+四位数字的字符串
const categoryIdMatch = url.match(/CT\d{4}/);
// 如果匹配到就取结果，否则返回空字符串
const categoryId = categoryIdMatch ? categoryIdMatch[0] : ''; // 结果：CT0007

二、完善你的jQuery复选框处理代码 #

看你写的代码是要收集选中的复选框值，应该还要结合categoryid来更新URL或者发起请求吧？我帮你补全并优化了代码：

$('input[type="checkbox"]').on('change', function (e) {
    var data = {}, fdata = [];
    
    // 先提取categoryid（这里用路径拆分的方法，你也可以换成正则的方式）
    const pathSegments = window.location.pathname.split('/').filter(seg => seg);
    const categoryId = pathSegments[pathSegments.length - 1];
    
    // 遍历所有复选框，收集选中的项
    $('input[type="checkbox"]').each(function (i) {
        if (this.checked) {
            if (!data.hasOwnProperty(this.name)) {
                data[this.name] = [];
            }
            data[this.name].push(this.value); // 你之前写的"thi..."应该是遗漏了this.value
        }
    });

    // 把收集到的数据转换成URL参数格式（比如brand=BR0006,BR0010）
    $.each(data, function(key, values) {
        fdata.push(`${key}=${values.join(',')}`);
    });

    // 构造新的URL，带上categoryid和筛选参数
    const newUrl = `/badar/category/produkterbaru/${categoryId}?${fdata.join('&')}`;
    
    // 用pushState更新浏览器地址栏（不刷新页面）
    window.history.pushState({}, '', newUrl);
    
    // 如果需要发起AJAX请求加载数据，可以取消下面的注释
    // $.get(newUrl, function(response) {
    //     // 这里处理返回的响应数据，比如更新页面内容
    // });
});

代码关键点说明： #

• 补全了你遗漏的this.value，用来获取复选框的选中值
• 整合了categoryid的提取逻辑，确保新URL始终包含正确的分类ID
• 用history.pushState更新地址栏，提升用户体验（不需要刷新页面）
• 保留了灵活的扩展空间，你可以根据需求添加AJAX请求逻辑

内容的提问来源于stack exchange，提问作者HiDayurie Dave