前端开发|数据传递 ajax两次转码及ajax传map方法解析

🔍 ：

前端开发 🖥️

• 核心技能：HTML/CSS/JS、框架（React/Vue）、响应式设计
• 工具链：Webpack、Vite、npm/yarn
• 调试：Chrome DevTools、Console.log

数据传递 📦

• 方式：Props（父子组件）、State管理（Redux/Zustand）、Event Bus
• 存储：LocalStorage、SessionStorage、Cookie

AJAX两次转码 🔄

1. 第一次转码：JS对象 → JSON字符串（JSON.stringify()）
2. 第二次转码：URL编码（encodeURIComponent()）

• 场景：复杂数据通过URL传递时避免乱码

AJAX传Map方法 🗺️

• 步骤：
  1. Map → 对象（Object.fromEntries(map)）
  2. 对象 → JSON字符串（JSON.stringify()）
  3. 发送到后端（Content-Type: application/json）
• 示例代码：

  const map = new Map([['key1', 'value1'], ['key2', 'value2']]);  
  fetch('/api', {  
    method: 'POST',  
    body: JSON.stringify(Object.fromEntries(map))  
  });  

💡 提示：后端需解析JSON并转回Map结构！
参考2025-08技术实践,无链接信息）