Skip to content Skip to sidebar Skip to footer
Home / Checkbox / Html / Methods / Post

Html Checkbox Automatically Send Post

Post a Comment
I'm trying to collect checkbox data without adding button to submit. This is the code I have so far: Is it possible to use method to POST or GET? Automatically send the the checkb

Solution 1:

It sounds like you want to add an onclick event to the checkbox, so that a Javascript function can contact the server in the background via an XMLHttpRequest, as illustrated below:

<!DOCTYPE html><html><head><metacharset="utf-8"><title>Example</title></head><body><script>
"use strict"functiondoAJAX()
{

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

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

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

Bear in mind that you may need to consider CORS if you're sending/receiving to a different domain.

Solution 2:

This is great information to solve this problem:

enter image description here

http://startingelectronics.com/tutorials/arduino/ethernet-shield-web-server-tutorial/web-server-read-switch-automatically-using-AJAX/

Post a Comment for "Html Checkbox Automatically Send Post"