AJAX get请求提交数据的具体步骤_Ajax

在 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();  
  };  
};

注意：