javascript получить входную переменную с URL для исполняемого файла Post to URL

Question

Я пытаюсь заставить разные кнопки размещать разные ссылки. Я не уверен, как получить переменную из onlcick для var url в скрипте, и исполняемый файл Post to the URL был установлен из HTML ввода. Этот скрипт работает с одной кнопкой с уже установленным URL-адресом. Я не уверен, как это сделать. Я не знаю много о javascript, и я копирую и вставляю его и пытаюсь изменить. onlickonlick

Я мог бы сделать нормальную ссылку. Единственная проблема, которая go на этой странице. Мне нужно только вызвать страницу и остаться на текущей странице. Я надеюсь, что кто-то может помочь мне указать правильный путь или дать пример кода. Я очень новичок в этом. Большое вам спасибо,

    function sendWebhook(onlick) {

    var http = new XMLHttpRequest();
    var url = var.onlick;
    var content = {"value1" : "test data"};
    http.open('POST', url, true);

    //Send the proper header information along with the request
    http.setRequestHeader('Content-type', 'application/json');

    http.onreadystatechange = function() {//Call a function when the state changes.
        if(http.readyState == 4 && http.status == 200) {
            alert(http.responseText);
        }
    }
    http.send(JSON.stringify(content));

}


<input id="contact-submit" src="img/red.png" type="button"  value="Living Room Light On" onclick="sendWebhook(https://link1.com')" />

<input id="contact-submit" src="img/red.png" type="button"  value="Living Room Light Off" onclick="sendWebhook('https://link2.com')" />

<input id="contact-submit" src="img/red.png" type="button"  value="Living Room Light Off" onclick="sendWebhook('https://link3.com')" />

Answer 1

Неверная строка var url = var.onlick; javascript. Я изменил имя параметра функции на «url» и удалил ошибочную строку.

function sendWebhook(url) {
  var http = new XMLHttpRequest();
  var content = {"value1" : "test data"};
  http.open('POST', url, true);

  //Send the proper header information along with the request
  http.setRequestHeader('Content-type', 'application/json');

  http.onreadystatechange = function() { //Call a function when the state changes.
      if(http.readyState == 4 && http.status == 200) {
          alert(http.responseText);
      }
  }
  http.send(JSON.stringify(content));
}

<input id="contact-submit" src="img/red.png" type="button"  value="Living Room Light On"
name="https://link3.com"
onclick="sendWebhook('https://link1.com')" />

<input id="contact-submit" src="img/red.png" type="button"  value="Living Room Light Off"
onclick="sendWebhook('https://link2.com')" />

<input id="contact-submit" src="img/red.png" type="button"  value="Living Room Light Off"
onclick="sendWebhook('https://link3.com')" />

Если вы хотите присвоить значение параметра функции новой переменной, посмотрите этот пример кода:

function aFunctionThatAssignsAParameterToAVariable(aParamter) {
  var myNewVariable = aParamter;
  console.log(myNewVariable);
}
aFunctionThatAssignsAParameterToAVariable("banana");