前端开发|接口调用_ajax中url参数的正确写法与获取方法

🔍 ：

前端开发 | 接口调用_AJAX中URL参数的正确写法与获取方法

1. URL参数写法 📝

   

   • 基础格式：protocol://domain/path?key1=value1&key2=value2
   • 动态参数：使用模板字符串或拼接，如：

     const apiUrl = `https://api.example.com/data?id=${userId}&page=${pageNum}`;

   • 特殊字符处理：用encodeURIComponent()转义，如：

     const safeParam = encodeURIComponent("参数&值");  

2. 获取URL参数方法 🛠️

   • 原生JS：通过URLSearchParams或正则匹配：

     const params = new URLSearchParams(window.location.search);  
     const id = params.get("id"); // 获取?后的id值  

   • 框架工具：Vue/React可用useSearchParams（React Router）或this.$route.query（Vue Router）。

3. AJAX请求示例 🌟

   fetch(`/api/data?${new URLSearchParams({ page: 1, keyword: "前端" })}`)
     .then(response => response.json());

4. 注意事项 ⚠️

   

   • 避免参数重复或遗漏&符号。
   • 敏感参数需加密或通过POST传递。

📅 信息参考：2025-08前端技术文档及MDN标准。