Как отправить заголовки из HTML / UI в запросе API на сервер?

Question

Я хочу добавить заголовки HTTP при каждом запросе от клиента.Не могу понять, как.

Попытка добавить следующий скрипт в HTML для установки заголовков, таких как:

<script>
    res.setHeader('Authorization', "I am JWT Bearer token");
</script>

Answer 1

Вы можете добавлять заголовки только во время вызова API из AJax или других модулей запросов API для клиентской стороны, а не путем отправки <form> и добавления действия к своему <form>

Через вызов Ajax вы можетесделать что-то вроде этого:

<script>
 function submitForm() {
    var data = {};//Your JSON Data

    //You can make this a global variable to use everywhere.
    //Or you can make a function what will be responsible to make all aJax calls.
   //Function will receive 3 arguments: json data, success-callback and error-callback, or in place of call back you can use Promise. 
    var headers = {
        "Contect-Type": "application/json",
        "Authorization": "Basic : your auth"
    };
    $.ajax({
        url: 'http://google.com',
        type: 'POST',//'GET','PUT','DELETE'
        headers: headers,
        data: data,
        success: function(result) {
            alert("success");
        },
        error: function (error) {
            alert('error ',error);
        }
    });
  }
</script>

Вам нужно вызывать эту функцию вместо использования

<form action="submitAPI" method="POST"><input type="submit" value="Submit" /></form>

Используйте это:

<form><input onclick="submitForm()" value="Submit" /></form>