Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.57/7: Рейтинг темы: голосов - 7, средняя оценка - 4.57
0 / 0 / 0
Регистрация: 19.12.2011
Сообщений: 19

Не получается отправить данные через XMLHttpRequest

14.01.2012, 17:08. Показов 1377. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Никак не могу отправить данные на обработчик PHP с javasqript кода.

Имею HTML файл с формой в форме есть кнопка, и блок ДИВ отдельно, в ДИВе должно появляться сообщение полученое от обработчика check.php и текст который находится по умолчанию в ДИВе заменяется на тот который получаем от сервера.
Вот файл HTML:
HTML5
1
2
3
<form> <input name="button" type="button" value="Отправить"  onclick = "getData('check.php', 'targetDiv') ">
    </form><br>
   <div id="targetDiv"> <p>Полученое от сервера сообщение появится ЗДЕСЬ!!!</p></div>
При нажатии на кнопку вызывается функция getData() из javascript..
javascript вынесен в отдельный файл
Вот код 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
var XMLHttpRequestObject = false;//Создаем переменную
var b=5;
//Для кроссбраузерности и для старых браузеров создаем конструкцию
      if (window.XMLHttpRequest) {//Для современных браузеров (если браузер поддерживает XMLHttpRequest объект)
        XMLHttpRequestObject = new XMLHttpRequest();//то создаем экземпляр объекта с именем XMLHttpRequestObject
      } else if (window.ActiveXObject) {//Для старых браузером создающих СОМ объект
        XMLHttpRequestObject = new 
          ActiveXObject("Microsoft.XMLHTTP");
      }
 
      function getData(dataSource, divID) //Предаем в качестве параметра функции источник данных в нашем случае файл data.txt и ID нашего <div> в который будет записываться информация из файла check.php
      { 
        if(XMLHttpRequestObject) {
          var obj = document.getElementById(divID); //Присваиваем переменной obj имя объекта ДИВ
          XMLHttpRequestObject.open("POST", dataSource,true); //Открываем запрос, где POST это метод передачи информации, можно применять другие методы например POST, PUT, HEAD,или PROPFIND и dataSource это адрес URL сервера с данными в нашем случае просто файл data.txt
 
          XMLHttpRequestObject.onreadystatechange = function() //Присваиваем свойству "onreadystatechange" функцию которая будет //выполняться при смене состояния объекта. "onreadystatechange" - это Обработчик события, которое происходит при каждой смене состояния объекта. Имя должно быть записано в нижнем регистре.
          { 
            if (XMLHttpRequestObject.readyState == 4 && //Текущее состояние объекта (0 — не инициализирован, 1 — открыт, 2 — отправка данных, 3 — получение данных и 4 — данные загружены)
              
              XMLHttpRequestObject.status == 200) { //  HTTP-статус в виде числа (404 — «Not Found», 200 — «OK» и т. д.)
                obj.innerHTML = XMLHttpRequestObject.responseText; 
            } 
          } 
 
         XMLHttpRequestObject.send(b); //Отправляет запрос и получает данные 
        }
      }
Ну и собственно обработчик "check.php" который по сути должен получать методом POST в асинхронном режиме данные и вернуть что то назад, а вернуть я хочу значение той же переменной что и получаю то есть цифра 5 должна по сути высветиться , но я никак не могу этого сделать(((
PHP
1
2
3
4
5
<?php 
$b=$_POST['b'];
echo $b;
 
?>
Дело в том что все работает если отправляешь с "check.php" какие либо данные, а вот принимать от не хочет...
На 99 % уверен что делаю неправильно ajax запрос в в файле с javascript, подскажите в чем может быть причина?
Спасибо заранее!!!
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
14.01.2012, 17:08
Ответы с готовыми решениями:

Не получается отправить данные через несколько дней
Есть код if ($ row ! = 'immediate') { } else { mail ($ to, $ subject, $ message, $ headers); } если $ row == 'immediate'...

Не получается отправить данные post запросом через curl
Всем привет, с c++ имею дело первый день, с 10 утра устанавливал curl и вот только сейчас наконец получилось. Но теперь проблема с пост...

Не получается отправить данные в php
Здравствуйте ! подскажите что здесь не правильно, ответ от сервере получаю вес php код и нечего не добавляется в bd Код AS3: private...

2
front-end developer
 Аватар для Vicont
284 / 275 / 39
Регистрация: 31.08.2010
Сообщений: 577
Записей в блоге: 1
16.01.2012, 13:02
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function getData(dataSource, divID) //Предаем в качестве параметра функции источник данных в нашем случае файл data.txt и ID нашего <div> в который будет записываться информация из файла check.php
            { 
                if(XMLHttpRequestObject) {
                    var obj = document.getElementById(divID); //Присваиваем переменной obj имя объекта ДИВ
                    XMLHttpRequestObject.open("POST", dataSource); //Открываем запрос, где POST это метод передачи информации, можно применять другие методы например POST, PUT, HEAD,или PROPFIND и dataSource это адрес URL сервера с данными в нашем случае просто файл data.txt
                    
                    XMLHttpRequestObject.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
             
                    XMLHttpRequestObject.onreadystatechange = function() //Присваиваем свойству "onreadystatechange" функцию которая будет //выполняться при смене состояния объекта. "onreadystatechange" - это Обработчик события, которое происходит при каждой смене состояния объекта. Имя должно быть записано в нижнем регистре.
                    { 
                        if (XMLHttpRequestObject.readyState == 4 && //Текущее состояние объекта (0 — не инициализирован, 1 — открыт, 2 — отправка данных, 3 — получение данных и 4 — данные загружены)
                            XMLHttpRequestObject.status == 200) { //      HTTP-статус в виде числа (404 — «Not Found», 200 — «OK» и т. д.)
                            obj.innerHTML = XMLHttpRequestObject.responseText; 
                        } 
                    } 
             
                    XMLHttpRequestObject.send('b='+b); //Отправляет запрос и получает данные 
                }
            }
0
0 / 0 / 0
Регистрация: 19.12.2011
Сообщений: 19
16.01.2012, 21:48  [ТС]
Спасибо большое...уже разобрался..
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
16.01.2012, 21:48
Помогаю со студенческими работами здесь

Indy: не получается отправить данные на сайт
Здравствуйте! Не могу отправить данные на сайт. Авторизоваться получилось. Использую инди. Поле для ввода данных &lt;input...

не получается несколько раз отправить данные на сервер
Дело в том, что не получается несколько раз отправить данные на сервер,с циклом. Данные приходят только 1 раз . //клиент public...

Не получается отправить файл через блютуз..
Доброго времени суток!!!!! Еще одна проблема с семеркой.... У меня ноут Dell Inspiron 1520, установил дрова для блютуз, вроде бы все...

Не получается отправить ajax запрос через JQuery
Есть форма с текстовыми полями и кнопкой submit. Внизу располагается панель с картинками. Мне нужно при нажатии кнопки submit...

Не получается отправить сообщение через mail программно
делал все по видеоуроку SmtpClient Client = new SmtpClient(&quot;smtp.mail.ru&quot;, 25); Client.Credentials = new...


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Контроль заполнения и очистка дат в зависимости от значения перечислений
Maks 12.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru