如何通过ajax xmlhttprequest从单选按钮发布所有选中的值

通过Ajax XMLHttpRequest从单选按钮发布所有选中的值，可以按照以下步骤进行：

首先，需要获取所有选中的单选按钮的值。可以通过以下代码来实现：

var selectedValues = [];
var radioButtons = document.getElementsByName('radioButtonName');

for (var i = 0; i < radioButtons.length; i++) {
  if (radioButtons[i].checked) {
    selectedValues.push(radioButtons[i].value);
  }
}

上述代码中，radioButtonName是单选按钮的name属性值，通过getElementsByName方法获取所有具有相同name属性值的单选按钮，然后遍历判断每个单选按钮是否被选中，如果选中则将其值添加到selectedValues数组中。

接下来，需要创建一个XMLHttpRequest对象，并设置好请求的方法、URL和异步标志。可以使用以下代码：

var xhr = new XMLHttpRequest();
var url = 'your_server_url';
var method = 'POST';
var async = true;

xhr.open(method, url, async);

上述代码中，your_server_url是服务器端接收请求的URL地址，method是请求的方法，这里使用POST方法，async表示是否异步发送请求，设置为true表示异步。

然后，需要设置请求头和发送请求的数据。可以使用以下代码：

xhr.setRequestHeader('Content-Type', 'application/json');
var data = JSON.stringify(selectedValues);

xhr.send(data);

上述代码中，通过setRequestHeader方法设置请求头的Content-Type为application/json，表示请求的数据类型为JSON格式。然后，使用JSON.stringify方法将selectedValues数组转换为JSON字符串，并通过send方法发送请求。

最后，需要监听XMLHttpRequest对象的状态变化，并处理响应结果。可以使用以下代码：

xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    if (xhr.status === 200) {
      // 请求成功
      var response = JSON.parse(xhr.responseText);
      // 处理响应结果
    } else {
      // 请求失败
      // 处理错误
    }
  }
};

上述代码中，通过onreadystatechange事件监听XMLHttpRequest对象的状态变化，当readyState为XMLHttpRequest.DONE时表示请求已完成。如果status为200表示请求成功，可以通过responseText获取响应结果，并进行相应的处理。如果请求失败，可以根据具体情况进行错误处理。

以上就是通过Ajax XMLHttpRequest从单选按钮发布所有选中的值的步骤。在实际应用中，可以根据具体需求进行适当的修改和扩展。