当前位置: 首页 > news >正文

AJAX get请求如何提交数据呢?

在 AJAX 中使用 GET 请求提交数据,主要通过 在 URL 后拼接查询参数 的方式实现,具体步骤如下:

1.构造带参数的 URL

将数据以 键=值 的形式拼接在 URL 后,多个参数间用 & 连接。例如:

var url = "https://example.com/api?param1=value1&param2=value2";  

若参数值包含特殊字符(如空格、中文等),需用 encodeURIComponent() 编码,确保 URL 合法:

var paramValue = "特殊值/空格";  
var encodedParam = encodeURIComponent(paramValue);  
var url = `https://example.com/api?param=${encodedParam}`;  

2.发起 GET 请求

使用 XMLHttpRequest 对象发起请求,将构造好的 URL 传入 open() 方法:

var xhr = new XMLHttpRequest();  
xhr.open("GET", url, true); // 第三个参数为是否异步,一般设为 true  
xhr.send(); // GET 请求的 send() 通常无参数(数据已在 URL 中)  

示例

window.onload = function() {  document.getElementById("helloBtn").onclick = function() {  var xhr = new XMLHttpRequest();  // 拼接参数(假设获取用户信息,参数为用户名和年龄)  var params = "username=John&age=30";  var url = "/ajax/ajaxrequest1?" + params;  xhr.open("GET", url, true);  xhr.onreadystatechange = function() {  if (xhr.readyState === 4 && xhr.status === 200) {  // 处理响应数据  console.log(xhr.responseText);  }  };  xhr.send();  };  
};  

注意

  • GET 请求的参数暴露在 URL 中,不适合传输敏感数据(如密码)。
  • 不同浏览器对 URL 长度有限制(一般约 4KB),不适合传输大量数据。

通过这种方式,即可在 AJAX 的 GET 请求中向服务器提交数据。

http://www.xdnf.cn/news/580555.html

相关文章:

  • 【NLP 77、Python环境管理工具之conda】
  • 【稳定检索|权威出版】2025年综合艺术与社会发展国际会议(ICIASD 2025)
  • 二十、面向对象底层逻辑-ServiceRegistry接口设计集成注册中心
  • 打卡第二十五天:元组和OS模块
  • flutter dart 函数语法
  • OceanBase数据库全面指南(数据操作篇DML)
  • 【Java多态】:灵活编程的核心
  • com.alibaba.fastjson2 和com.alibaba.fastjson 区别
  • Spark Streaming原理与应用
  • SpringCloud Alibaba微服务-- Sentinel的使用(笔记)
  • Spark SQL、Hive SQL运行流程解析及对比
  • macOS专业用户远程操作全场景优化指南:开发运维协同、安全合规与性能提升实战
  • GitLab 备份所有仓库(自动克隆)
  • OceanBase数据库全面指南(查询进阶篇DQL)
  • XXE(外部实体注入)
  • 创建信任所有证书的HttpClient:Java 实现 HTTPS 接口调用,等效于curl -k
  • 【Linux学习笔记】ext2文件系统的深度剖析
  • 微软CTO:AI已经“能力过剩”,行业需要努力缩小模型能力与实际产品交付之间的差距
  • rt-linux下的底层锁依赖因cgroup cpu功能导致不相干进程的高时延问题
  • 边缘计算是什么?逻辑视域下的边缘计算:分布式计算范式的理论基础与逻辑结构分析
  • SQL的RAND用法和指定生成随机数的范围
  • MySQL中InnoDB引擎逻辑存储结构、B+树索引结构、B+树高度及存储数据量
  • 从零基础到最佳实践:Vue.js 系列(8/10):《性能优化与最佳实践》
  • 借助Azure AI Foundry 如何打造语音交互新体验
  • 结构型:适配器模式
  • K8S之核心技术Helm
  • 谷歌medgemma-27b-text-it医疗大模型论文速读:面向医学视觉问答的语义标签知识增强数据集SLAKE
  • 【Linux】进程间通信(四):System V标准(共享内存、消息队列、信息量)
  • [Git] 认识 Git 的三大区域 文件的修改和提交
  • linux杀死进程自身