Скрипт, передать данные с формы

@Alexandr056 · Регистрация: 23.09.2015

Студворк — интернет-сервис помощи студентам

Всем привет, вот попробовал сделать такую вещь на javascript,

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<!DOCTYPE HTML>
<html>
 
<head>
  <!-- Тег meta для указания кодировки -->
  <meta charset="utf-8">
</head>
 
<body>
 
<input type="button" value="отправить на сервер" onclick="makeRequest('answer.txt')">
<input type="text" onchange="alert(this.value);">
<script>
function makeRequest(url) {
    var httpRequest;
 
    if (window.XMLHttpRequest) { // Mozilla, Safari, ...
        httpRequest = new XMLHttpRequest();
        if (httpRequest.overrideMimeType) {
            httpRequest.overrideMimeType('text/xml');
            // See note below about this line
        }
    } 
    else if (window.ActiveXObject) { // IE
        try {
            httpRequest = new ActiveXObject("Msxml2.XMLHTTP");
        } 
        catch (e) {
            try {
                httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
            } 
            catch (e) {}
        }
    }
 
    if (!httpRequest) {
        alert('Giving up :( Cannot create an XMLHTTP instance');
        return false;
    }
    httpRequest.onreadystatechange = function() { alertContents(httpRequest); };
    httpRequest.open('GET', url, true);
    httpRequest.send('');
 
}
 
function alertContents(httpRequest) {
    if (httpRequest.readyState == 4) {
        if (httpRequest.status == 200) {
            alert(httpRequest.responseText);
        } else {
            alert('There was a problem with the request.');
        }
    }
}
</script>
</body>
</html>

как передать данные с поля ввода, скажем в документе *.txt у меня hello, хочу вывести на экран [введенная строка] + hello! подскажите плиз... и следом вопрос как организовать сервлет на java? что бы запрос слал скрипт, обрабатывал его java servlet и возвращал нужную комбинацию, например как указано выше!

Добавлено через 23 часа 12 минут
ап! неужто незнакомо? помогите ребят, я в самом начале(

@Hikari · 22.01.2016, 20:26

Сообщение от Alexandr056

хочу вывести на экран [введенная строка] + hello!

Ну первое, что приходит в голову:

JavaScript
1
2
3
var edit1=document.gelElementById('Edit1');
var s=(edit1)?("edit1="+edit1.value):"";
httpRequest.open('GET', url+"?"+s, true);

Т.е. получить контрол, сформировать параметры и приписать к строке запроса.

@scio me nescire · 22.01.2016, 20:42

Alexandr056, ну для начала, нужно получить данные которые лежат в инпуте, сделать можно так

JavaScript
1
var dataForSend = JSON.stringify({inputData: document.body.getElementsByTagName("input")[1].value});

затем переменную inputData отправлять на сервер makeRequest функцией, не забудьте передать переменную dataForSend тоже

@Alexandr056 · 24.01.2016, 11:19 **[ТС]**

спасибо, сегодня попробую!

@Alexandr056 · 27.01.2016, 21:49 **[ТС]**

gelElementById - нет такой функции у document

Добавлено через 12 минут
ай все все,беру свои слова обратно, понял в чем проблема была, но все же метода не увидел)

Добавлено через 40 минут
апну тему, как передать полученное значение поля на сервер??

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE HTML>
<html>
 
<head>
  <!-- Тег meta для указания кодировки -->
  <meta charset="utf-8">
</head>
 
<body>
 
<input type="button" value="отправить на сервер" onclick="makeRequest('answer.txt')">
<input type="text" id="Edit1" onchange="alert(this.value);">
 
<script>
function makeRequest(url) {
    var httpRequest;
    var edit1=document.getElementById('Edit1');
    var text=(edit1)?(edit1.value):"";
    
 
    if (window.XMLHttpRequest) { // Mozilla, Safari, ...
        httpRequest = new XMLHttpRequest();
        if (httpRequest.overrideMimeType) {
            httpRequest.overrideMimeType('text/xml');
            // See note below about this line
        }
    } 
    else if (window.ActiveXObject) { // IE
        try {
            httpRequest = new ActiveXObject("Msxml2.XMLHTTP");
        } 
        catch (e) {
            try {
                httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
            } 
            catch (e) {}
        }
    }
 
    if (!httpRequest) {
        alert('Giving up :( Cannot create an XMLHTTP instance');
        return false;
    }
    httpRequest.onreadystatechange = function() { alertContents(httpRequest,text); };
    httpRequest.open('GET', url, true);
    httpRequest.send('');
 
}
 
function alertContents(httpRequest,text) {
    if (httpRequest.readyState == 4) {
        if (httpRequest.status == 200) {
            alert(httpRequest.responseText+s);
        } else {
            alert('There was a problem with the request.');
        }
    }
}
</script>
</body>
</html>

Добавлено через 56 минут
и этот вопрос снимаю))) ничего что я тут тихо сам с собой?))

@Hikari · 27.01.2016, 21:53

Сообщение от Alexandr056

gelElementById - нет такой функции у document

Это я опечаталась. Извиняюсь.

@Alexandr056 · 27.01.2016, 22:00 **[ТС]**

я заметил, но все равно чет не увидел в отладчике среди методов document..

@Hikari · 27.01.2016, 22:32

Сообщение от Alexandr056

все равно чет не увидел в отладчике среди методов document..

Да? А FireBug его нашел.
Как молния Митрича

@Alexandr056 · 28.01.2016, 13:26 **[ТС]**

у меня тоже нашел)

Новые блоги и статьи Все статьи Все блоги /
1С: Программный отбор элементов справочника Номенклатура по группе Maks 22.03.2026 Установка программного отбора элементов справочника "Номенклатура" из модуля формы документа. В качестве фильтра для отбора справочника служит группа номенклатуры. Отбор по наименованию группы. . .	Как я обхитрил таблицу Word Alexander-7 21.03.2026 Когда мигает курсор у внешнего края таблицы, и нам надо перейти на новую строку, а при нажатии Enter создается новый ряд таблицы с ячейками, то мы вместо нервных нажатий Энтеров мы пишем любые буквы. . .	Krabik - рыболовный бот для WoW 3.3.5a AmbA 21.03.2026 без регистрации и смс. Это не торговля, приложение не содержит рекламы. Выполняет свою непосредственную задачу - автоматизацию рыбалки в WoW - и ничего более. Однако если админы будут против -. . .	1С: Программный отбор элементов справочника Сотрудники по значению перечисления Maks 21.03.2026 Установка программного отбора элементов справочника "Сотрудники" из модуля формы документа. В качестве фильтра для отбора служит предопределенное значение перечислений. Процедура. . .
Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .

@Alexandr056 1 / 1 / 0 Регистрация: 23.09.2015 Сообщений: 67
	24.01.2016, 11:19 [ТС]
	спасибо, сегодня попробую! 0

@Alexandr056 1 / 1 / 0 Регистрация: 23.09.2015 Сообщений: 67
	27.01.2016, 22:00 [ТС]
	я заметил, но все равно чет не увидел в отладчике среди методов document.. 0

@Alexandr056 1 / 1 / 0 Регистрация: 23.09.2015 Сообщений: 67
	28.01.2016, 13:26 [ТС]
	у меня тоже нашел) 0