Добавление значения в скрытый тег ввода и отправку в форму

Question

У меня есть тестовая страница, на которой отображаются мои данные POST. Я пытаюсь просмотреть сообщение, которое я только что представил, но я не могу видеть добавленный payload, который я добавил в свою форму.

HTML:

<form id="test-form" action="/test/" method="post"> {# pass data to /test/ URL #} 
    <div class="test-button-set"> 
     <button type="button" id="hdfs-test" class="btn btn-default btn-lg selected">HDFS</button> 
     <button type="button" id="hive-test" class="btn btn-default btn-lg">HIVE</button> 
     <button type="button" id="hdfs-hive-test" class="btn btn-default btn-lg">BOTH</button> 
    </div> 
    <button id="submit-test" type="submit" class="btn btn-default btn-lg">Submit</button> 
    <input type="hidden" id="payload"> 
    </form> 

JS:

var testData = { 
     "timestamp": "", 
     "hive": 0, 
     "hdfs": 0, 
     "beacons":[] 
    }; 

var testRun = document.getElementById("test-form"); 
    testRun.addEventListener('submit', function(event) { 
     event.preventDefault(); 
     testData["timestamp"] = new Date().getTime(); 
     console.log(testData); 
     var payload = document.getElementById("payload"); 
     payload.value = testData; 
     $(this).trigger('submit', true); 
    }); 

В настоящее время я не могу видеть ценность, которую я дал, чтобы <input type="hidden" id="payload">, который заставляет меня верить, что он не получает вывешенным.

Answer 1

Вы должны дать на вход имя:

<input type="hidden" id="payload" name="payload"> 

Посмотрите этот SO ответ: Difference between id and name attributes in HTML

Answer 2

Вам нужно добавить атрибут имени в свой скрытый тег.

Это то, к чему вы относитесь.

<input type="hidden" name="payload" id="payload">