HTML复选框自动发送邮件

HTML复选框自动发送邮件,html,post,checkbox,methods,Html,Post,Checkbox,Methods,我正在尝试收集复选框数据,而不添加提交按钮 这是我目前掌握的代码: 控制总量 控制沙拉 控制四分之一 控制四分B 科兹尼亚对照酒店 控制车库 控制门 控制制冷剂 听起来您想在复选框中添加一个事件,这样Javascript函数就可以在后台通过与服务器联系,如下图所示: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title&g

我正在尝试收集复选框数据,而不添加提交按钮

这是我目前掌握的代码:


控制总量

控制沙拉

控制四分之一

控制四分B

科兹尼亚对照酒店

控制车库

控制门

控制制冷剂


听起来您想在复选框中添加一个事件,这样Javascript函数就可以在后台通过与服务器联系,如下图所示:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Example</title>
  </head>
  <body>
    <script>
"use strict"

function doAJAX()
{

  console.log("Contacting the server...");

  var xhr = new XMLHttpRequest();
  xhr.onload = function()
  {
    console.log("Got a response!");
  };
  xhr.open("get", "http://localhost:3000/something.png", true);
  xhr.responseType = "blob";
  xhr.send();

}
    </script>
    <input type="checkbox" onclick="doAJAX();">
  </body>
</html>

例子
“严格使用”
函数doAJAX()
{
log(“联系服务器…”);
var xhr=new XMLHttpRequest();
xhr.onload=函数()
{
log(“得到响应!”);
};
xhr.open(“get”http://localhost:3000/something.png“,对);
xhr.responseType=“blob”;
xhr.send();
}

请记住,如果你发送/接收到不同的域名,你可能需要考虑。

< P>这是解决这个问题的很好的信息:


那么,您想在用户单击复选框时将数据发送到服务器吗?是的,就是这样,每当复选框更改时,我都想将数据发送到服务器。感谢您的帮助,很遗憾,我无法使其正常工作。我希望我的服务器中有这样一个请求:“GET/index.htm?setting1=0http/1.1”只需更改
xhr.open(“GET”http://localhost:3000/something.png“,对)行。第一个参数已经设置为
get
,因此您只需替换
http://localhost:3000/something.png
part使用您要将请求发送到的URL。不必担心HTTP/1.1的
部分,它已经为您解决了。这只是每秒连接到服务器一次,而不是每次单击复选框。请注意,服务器可能必须以这种方式处理更多的(虚假)请求,特别是当许多用户正在查看页面时。