AJAX 参数传递 ajax参数传递方式全解-ajax传参数详解

📌 AJAX参数传递方式全解

🔹 GET传参

• 特点：参数附在URL后，明文可见 📢
• 示例：

  $.ajax({
    url: "api/data?key1=value1&key2=value2",
    type: "GET"
  });

🔹 POST传参（表单格式）

• 特点：参数放在请求体，适合敏感数据 🔒
• 示例：

  $.ajax({
    url: "api/data",
    type: "POST",
    data: { key1: "value1", key2: "value2" }
  });

🔸 JSON传参

• 特点：结构化数据，需设置Content-Type 🏷️
• 示例：

  $.ajax({
    url: "api/data",
    type: "POST",
    contentType: "application/json",
    data: JSON.stringify({ key1: "value1", key2: "value2" })
  });

🔺 URL路径参数（RESTful风格）

• 特点：参数嵌入URL路径中 🛤️
• 示例：

  $.ajax({
    url: "api/users/123",  // 123为用户ID
    type: "GET"
  });

🔻 FormData传参（文件上传）

• 特点：支持二进制文件，如上传图片 📤
• 示例：

  let formData = new FormData();
  formData.append("file", fileInput.files[0]);
  $.ajax({
    url: "api/upload",
    type: "POST",
    data: formData,
    processData: false,
    contentType: false
  });

📌 关键总结

• GET：URL明文传参，适合简单请求。
• POST：请求体传参，更安全。
• JSON：结构化数据交互首选。
• RESTful：语义化API设计。
• FormData：文件上传必备！

🚀 小贴士：根据场景选择合适方式，敏感数据避免用GET哦！