Пишу веб-сервис интересует следующий сценарий.
- Есть html файлик с таблицей и кнопкой.
- При выборе поля в таблице полю присваивается новый класс "active"
- Нажимаю на кнопку
- желаю в сервлете получить данные, которые находятся в первом столбце выбранного поля.
Вопрос, как организовать post-запрос сервлету через js и отправить данные?
Вот если мы берем из формы данные, то все получается корректно.
А хотелось бы не прибегать к использованию формы, а чтоб по всему Html файлику скрипт пробежался нашел нужные данные и отправил.
Файл скрипта:
function getXmlHttp() {
var xmlHttp = null;
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
else if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
return xmlHttp;
}
function httpReq(URL, method, data, success, error) {
var request = getXmlHttp();
request.open(method, URL, true);
request.setRequestHeader("Content-type", "multipart/form-data");
request.send(data);
request.onreadystatechange = function() {
if (request.readyState == 4) {
if (request.status == 200) {
success(request.responseText);
}
else {
if (error) error(request.status);
}
}
}
}
var table = document.querySelector("#selectTable")
var field = table.querySelector(".active");
var item = field.children[0]; // первый дочерний
var form = new FormData();
form.append("some_key",
item.innerHTML); // ну или что там нужно вытащить
httpReq("/admin", "POST", form, function(res) {
console.log("response:", res);
});
getElementById
иquerySelector
- а еще лучше воспользоваться какой-нибудь библиотекой