С Новым годом! Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.50/18: Рейтинг темы: голосов - 18, средняя оценка - 4.50
 Аватар для Seovin
79 / 79 / 36
Регистрация: 28.02.2014
Сообщений: 400

Передать на сервер данные из input без отправки всей формы

11.10.2015, 22:29. Показов 4051. Ответов 16
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
 Комментарий модератора 
Сообщения вынесены из существующий темы в связи со сменой предмета обсуждения

BANO, FraidZZ,
Ладно, подскажите как отправить input в js, без отправки всей формы?
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
11.10.2015, 22:29
Ответы с готовыми решениями:

Проверка input на ввод числа без отправки формы
Добрый день. Подскажите пожалуйста, как поступить в такой ситуации? Есть input, есть button. Задача: поставить input'у проверку, что...

Как можно взять значение контрола без отправки данных формы на сервер?
Читал что в пхп когда одна переменная присваивается другой, то они начинают ссылаться на одно и то же место в памяти. А если написать...

Как передать value с input одной формы, к другой input формы, по нажатию кнопки
Как передать value с input одной формы, к другой input формы, по нажатию кнопки скрипт function id_old_to_id_new (id_old,...

16
Модератор
Эксперт JS
 Аватар для Eva Rosalene
5241 / 2115 / 416
Регистрация: 06.01.2013
Сообщений: 4,846
11.10.2015, 22:38
Seovin, AJAX.
http://xmlhttprequest.ru/
0
Эксперт PHP
 Аватар для Fedor Vlasenko
936 / 693 / 236
Регистрация: 01.02.2015
Сообщений: 1,848
11.10.2015, 22:43
Можно динамически создавать форму и отправлять данные
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function buildElement(tagName, props) {
    var element = document.createElement(tagName);
    for (var propName in props) element[propName] = props[propName];
    return element;
}
 
function submit(link, props) {
    var form = buildElement('form', {method: 'post', action: link});
    for (var propName in props) form.appendChild( 
        buildElement('input', {type: 'hidden', name: propName, value: props[propName]})
    );
    document.body.appendChild(form);
    form.submit();
    document.body.removeChild(form);
}
 
submit('index.php', {name: 'Ivan', year: '25'});
0
 Аватар для Seovin
79 / 79 / 36
Регистрация: 28.02.2014
Сообщений: 400
11.10.2015, 23:15  [ТС]
Цитата Сообщение от Poznakomlus Посмотреть сообщение
Можно динамически создавать форму и отправлять данные
есть именно input в форме, надо отправить только input без формы
мой код дальше вызова функции не рабочий
HTML5
1
2
<input class="val" type="text" id="new_ref_id" name="new_ref" size="6" maxlength="40" value="">
<span class="button-flat-red" style="margin-top:10px" onclick="new_ref_os();" >изменить</span>
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
function new_ref_os()
{
     var refcamb = document.forms['new_ref_id'].new_ref.value;
     if (refcamb == ''){
     var myReq = getHTTPRequest();
     var params = "refcamb="+encodeURIComponent(refcamb);
      myReq.open("POST", "user.php", true);
      myReq.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
       myReq.setRequestHeader("Content-lenght", params.length);
       myReq.setRequestHeader("Connection", "close");
        myReq.onreadystatechange = setstate;
        myReq.send(params);
    }
}
0
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
11.10.2015, 23:20
Seovin, вы слишком много не нужных хеадеров поставили

Добавлено через 1 минуту
и ещё, он у вас будет отправлять данные, только если значение будет равно пустой строке

короче уберите к чертям все requestheaders и сделайте нормальную вещь
0
Эксперт PHP
 Аватар для Fedor Vlasenko
936 / 693 / 236
Регистрация: 01.02.2015
Сообщений: 1,848
11.10.2015, 23:20
Цитата Сообщение от Seovin Посмотреть сообщение
есть именно input в форме, надо отправить только input без формы
в чем проблемы, в своей new_ref_os() вызываешь мой код
или глянь в этом фантастическом сборнике http://microjs.com/# либы или примеры для работы с ajax
1
 Аватар для Seovin
79 / 79 / 36
Регистрация: 28.02.2014
Сообщений: 400
11.10.2015, 23:21  [ТС]
Цитата Сообщение от BANO Посмотреть сообщение
Seovin, вы слишком много не нужных хеадеров поставили
ну как-бы я отправляю потом в user.php
0
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
11.10.2015, 23:23
Seovin, и что?
какая разница куда вы отправляете данные?
главное данные, а хеадеры нужны для тонкой настройки, вам они совершенно не к чему
0
 Аватар для Seovin
79 / 79 / 36
Регистрация: 28.02.2014
Сообщений: 400
11.10.2015, 23:27  [ТС]
Цитата Сообщение от Poznakomlus Посмотреть сообщение
мой код
Ваш код слишком тяжелый для меня,
вернее мне он не под силу пока
Цитата Сообщение от BANO Посмотреть сообщение
все requestheaders
JavaScript
1
2
3
4
5
6
7
8
9
10
function new_ref_os()
{
   var refcamb = document.forms['new_ref_id'].new_ref.value;
   if (refcamb == ''){
   var myReq = getHTTPRequest();
   var params = "refcamb="+encodeURIComponent(refcamb);
   myReq.open("POST", "user.php", true);
   myReq.send(params);
}
}
0
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
11.10.2015, 23:38
Цитата Сообщение от Seovin Посмотреть сообщение
if (refcamb == ''){
вас эта строка не настораживает?

Добавлено через 15 секунд
Цитата Сообщение от Seovin Посмотреть сообщение
if (refcamb == ''){
вас эта строка не настораживает?
0
 Аватар для Seovin
79 / 79 / 36
Регистрация: 28.02.2014
Сообщений: 400
11.10.2015, 23:43  [ТС]
Цитата Сообщение от BANO Посмотреть сообщение
вас эта строка не настораживает?
нет, я так отправляю пустой инпут для наладки,

Добавлено через 1 минуту
JavaScript
1
2
3
4
5
6
7
8
function new_ref_os()
{
   var refcamb = document.forms['new_ref_id'].new_ref.value;
   var myReq = getHTTPRequest();
   var params = "refcamb="+encodeURIComponent(refcamb);
   myReq.open("POST", "user.php", true);
   myReq.send(params);
}
всеравно тихо
0
Эксперт PHP
 Аватар для Fedor Vlasenko
936 / 693 / 236
Регистрация: 01.02.2015
Сообщений: 1,848
11.10.2015, 23:49
при POST обязателен заголовок Content-Type, содержащий кодировку. Это указание для сервера - как обрабатывать (раскодировать) пришедший запрос.

// Пример с POST
...
var params = 'name=' + encodeURIComponent(name) + '&surname=' + encodeURIComponent(surname)
xmlhttp.open("POST", '/script.html', true)
xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
...
xmlhttp.send(params)
0
 Аватар для Seovin
79 / 79 / 36
Регистрация: 28.02.2014
Сообщений: 400
11.10.2015, 23:51  [ТС]
Наверное что-то с кнопкой и инпутом

Добавлено через 1 минуту
Цитата Сообщение от Poznakomlus Посмотреть сообщение
при POST обязателен заголовок Content-Type, содержащий кодировку. Это указание для сервера - как обрабатывать (раскодировать) пришедший запрос.
но у меня так и было
0
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
11.10.2015, 23:51
Poznakomlus, а у меня всегда работало и без сонтент-тайпа
0
 Аватар для Seovin
79 / 79 / 36
Регистрация: 28.02.2014
Сообщений: 400
11.10.2015, 23:54  [ТС]
я так понимаю что кнопки с инпутом не правильные
0
Эксперт PHP
 Аватар для Fedor Vlasenko
936 / 693 / 236
Регистрация: 01.02.2015
Сообщений: 1,848
12.10.2015, 00:02
Цитата Сообщение от BANO Посмотреть сообщение
Poznakomlus, а у меня всегда работало и без сонтент-тайпа
эт я в описании взял а ошибка может быть здесь getHTTPRequest(); этого кода мы то не видим
JavaScript
1
2
3
4
5
var xmlhttp = new XMLHttpRequest();
var params = 'name=' + encodeURIComponent('Ivan');
xmlhttp.open("POST", '/', true)
xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
xmlhttp.send(params);
отлично отрабатывает
0
81 / 81 / 50
Регистрация: 26.11.2012
Сообщений: 303
12.10.2015, 00:06
JavaScript
1
2
3
4
5
6
7
8
9
var xhr = new XMLHttpRequest();
var body = 'name=' + encodeURIComponent(name) +
  '&surname=' + encodeURIComponent(surname);
xhr.open("POST", '/submit', true)
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
xhr.onreadystatechange = function(){
      //......
      };
xhr.send(body);
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
12.10.2015, 00:06
Помогаю со студенческими работами здесь

Как передать данные из формы в таблицу на сервер?
Доброго времени суток! Уже 3-й день ни как не могу сделать так, чтобы все работало. Мне необходимо, чтобы из формы заносились данные в...

Как передать данные из input в другой input
как передать дание из input в другой input &lt;form method=&quot;post&quot; action=&quot;test3.php&quot; target=&quot;_blank&quot;&gt; &lt;input id=&quot;name&quot;...

Передать данные из input
&lt;body&gt; &lt;input&gt;&lt;button&gt;Кнопка&lt;/button&gt; &lt;/body&gt; Подскажите пожалуйста, как отсюда передать в функцию текст из инпута при клике на...

Отмена отправки формы на сервер
Добрый вечер всем. Есть задача отправить AJAX'ом файл на сервер и обработать его php скриптом. Дело в том, что это должно происходить по...

Изменить данные до отправки на сервер
как можно изменить данные который пользователь ввел в браузере до отправки на сервер


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
17
Ответ Создать тему
Новые блоги и статьи
Новый CodeBlocs. Версия 25.03
palva 04.01.2026
Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .
Модель микоризы: классовый агентный подход
anaschu 02.01.2026
Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru