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

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

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

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

BANO, FraidZZ,
Ладно, подскажите как отправить input в js, без отправки всей формы?
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
11.10.2015, 22:29
Ответы с готовыми решениями:

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

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

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

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

16
Модератор
Эксперт JS
5237 / 2110 / 416
Регистрация: 06.01.2013
Сообщений: 4,839
11.10.2015, 22:38 2
Seovin, AJAX.
http://xmlhttprequest.ru/
0
Эксперт PHP
936 / 693 / 236
Регистрация: 01.02.2015
Сообщений: 1,848
11.10.2015, 22:43 3
Можно динамически создавать форму и отправлять данные
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
79 / 79 / 36
Регистрация: 28.02.2014
Сообщений: 400
11.10.2015, 23:15  [ТС] 4
Цитата Сообщение от 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
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
11.10.2015, 23:20 5
Seovin, вы слишком много не нужных хеадеров поставили

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

короче уберите к чертям все requestheaders и сделайте нормальную вещь
0
Эксперт PHP
936 / 693 / 236
Регистрация: 01.02.2015
Сообщений: 1,848
11.10.2015, 23:20 6
Цитата Сообщение от Seovin Посмотреть сообщение
есть именно input в форме, надо отправить только input без формы
в чем проблемы, в своей new_ref_os() вызываешь мой код
или глянь в этом фантастическом сборнике http://microjs.com/# либы или примеры для работы с ajax
1
79 / 79 / 36
Регистрация: 28.02.2014
Сообщений: 400
11.10.2015, 23:21  [ТС] 7
Цитата Сообщение от BANO Посмотреть сообщение
Seovin, вы слишком много не нужных хеадеров поставили
ну как-бы я отправляю потом в user.php
0
Ренегат
Эксперт HTML/CSS
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
11.10.2015, 23:23 8
Seovin, и что?
какая разница куда вы отправляете данные?
главное данные, а хеадеры нужны для тонкой настройки, вам они совершенно не к чему
0
79 / 79 / 36
Регистрация: 28.02.2014
Сообщений: 400
11.10.2015, 23:27  [ТС] 9
Цитата Сообщение от 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
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
11.10.2015, 23:38 10
Цитата Сообщение от Seovin Посмотреть сообщение
if (refcamb == ''){
вас эта строка не настораживает?

Добавлено через 15 секунд
Цитата Сообщение от Seovin Посмотреть сообщение
if (refcamb == ''){
вас эта строка не настораживает?
0
79 / 79 / 36
Регистрация: 28.02.2014
Сообщений: 400
11.10.2015, 23:43  [ТС] 11
Цитата Сообщение от 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
936 / 693 / 236
Регистрация: 01.02.2015
Сообщений: 1,848
11.10.2015, 23:49 12
при 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
79 / 79 / 36
Регистрация: 28.02.2014
Сообщений: 400
11.10.2015, 23:51  [ТС] 13
Наверное что-то с кнопкой и инпутом

Добавлено через 1 минуту
Цитата Сообщение от Poznakomlus Посмотреть сообщение
при POST обязателен заголовок Content-Type, содержащий кодировку. Это указание для сервера - как обрабатывать (раскодировать) пришедший запрос.
но у меня так и было
0
Ренегат
Эксперт HTML/CSS
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
11.10.2015, 23:51 14
Poznakomlus, а у меня всегда работало и без сонтент-тайпа
0
79 / 79 / 36
Регистрация: 28.02.2014
Сообщений: 400
11.10.2015, 23:54  [ТС] 15
я так понимаю что кнопки с инпутом не правильные
0
Эксперт PHP
936 / 693 / 236
Регистрация: 01.02.2015
Сообщений: 1,848
12.10.2015, 00:02 16
Цитата Сообщение от 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 17
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
12.10.2015, 00:06
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
12.10.2015, 00:06
Помогаю со студенческими работами здесь

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

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

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

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

Прозрачный Picturebox без перерисовки всей формы
Скажите пожалуйста как перерисовать прозрачную картинку с маской без перерисовки формы ? Есть код...

Зашифровать данные для отправки на сервер
Нужен алгоритм шифровки для отправки на сервер, и еще алгоритм дешифровки на php)


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

Или воспользуйтесь поиском по форуму:
17
Ответ Создать тему
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru