Что то не так с XMLHTTPRequest

@psfdek · Регистрация: 23.01.2014

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

Почему то не распознает пост запрос...

Когда делаю у себя и пишу в конце так

Javascript

1 2	reqString1.open('POST', '<?=baseurl?>'+link, true); reqString1.send(reqSt1);

то работает, к файлу php обращается но не отображает пост запрос. (Файл php отображает просто текст для проверки и полученный методом пост текст для проверки пост)

Если делаю так:

Javascript

    reqString1.reqString1.open('POST', '<?=baseurl?>'+link, true);
    reqString1.req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    reqString1.req.setRequestHeader("Content-Length", reqSt1.length);
    reqString1.reqString1.req.send(reqSt1);

то даже запрос не идет, ошибку в javascript...

Код

TypeError: reqString1.req is undefined

HTML5

<!DOCTYPE HTML>
<html>
  <head> </head>
  <body>
 
 
<form onsubmit="return false" enctype=multipart/form-data>
    <input id="sds" type=text />
    <button class="btnblue"onclick="getXmlDelCli()">Send</button>
 
    <div class="textrez" id="divResultDel">&nbsp;</div>
</form>
 
<script>
    function getXmlDelCli(){
        var link = 'http://suka.sasuka.ru/index.php'; //ссылка на исполняемый файл php
        var divid = 'divResultDel'; //ID блока в котором вывести результат
        var idRez = 'null'; //Блок в котором получен результат
        var textRez = 'null'; //Результат условия
        var EmId = 'null'; //ИД селекта
        var iFadd = 'cltbody'; //ИД для обновления
        var qLink = 'null'; //ссылка на файл исполнения
 
        
        var val1 = document.getElementById('sds').value;
        var sVl ='qqq='+val1;
        getXml2St1(sVl,divid,link,idRez,textRez,EmId,iFadd,qLink);
    }
</script>
 
 
<script>
function getXmlHttpRequest(){
    if(window.XMLHttpRequest)
        return new XMLHttpRequest();
    else
        return null;
}
function getXml2St1(reqSt1,divid,link,idRez,textRez,EmId,iFadd,qLink){
    var reqString1 = getXmlHttpRequest();
    reqString1.onreadystatechange = function(){
            if(reqString1.readyState != 4) return;{
                var resultCheck = document.getElementById(divid);
                resultCheck.firstChild.nodeValue = reqString1.responseText;
                resultCheck.innerHTML = reqString1.responseText;
                if(idRez!='null' & textRez!='null'){
                    rezZ = document.getElementById(idRez).innerHTML;
                    if(rezZ==textRez){
                        setTimeout('closeMessage()', 1000)
                        if(iFadd!='null'){
                            WqueRY(iFadd,qLink);
                        }
                    }
                }
            }
        };
 
    reqString1.open('POST', link, true);
    reqString1.send(reqSt1);
    
    //reqString1.open('POST', '<?=baseurl?>'+link, true);
    //req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    //req.setRequestHeader("Content-Length", reqSt1.length);
    //reqString1.req.send(reqSt1);
}
 
</script>
  </body>
</html>

Ссылка на песочницу с этим кодом http://learn.javascript.ru/play/qAfXCb

Вот в песочнице при работе первого варианта, запрос к файлу идет.

Где я накосячил?

@alexsamos33 · 10.07.2014, 12:39

При отправки методом POST нужно установить заголовок

Javascript

1	reqString1.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");

И закодировать данные для отправки функцией encodeURIComponent

Добавлено через 5 минут

TypeError: reqString1.req is undefined

Вы не создали объект XmlHttp.
Чтобы его создать сделайте такую функцию:

Javascript

function getXmlHttp() {
var xmlhttp;
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
 
var sEditText = "";

А потом создайте объект:

Javascript

1	reqString1 = getXmlHttp();

Добавлено через 5 минут
http://javascript.ru/ajax/intr... realizacii

@psfdek · 10.07.2014, 13:15 **[ТС]**

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

function getXmlHttpRequest(){ if(window.XMLHttpRequest) return new XMLHttpRequest(); else return null; }

Как это не создал то вот же он...
У меня запрос файлу делается же, так что объект создан и с GET все работает. Но мне нужно файла отправку сделать и методом пост у меня пост запрос в php файл не передается. В моем вопросе я именно и спросил как же правильно в моем примере заголовок указать:

Делаю так без заголовка запрос работает норм кроме того что не передает ПОСТ запросы, но ответ получает:

Javascript

1 2	reqString1.open('POST', '<?=baseurl?>'+link, true); reqString1.send(reqSt1);

А если делаю с заголовками так:

Javascript

    reqString1.open('POST', '<?=baseurl?>'+link, true);
    req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    req.setRequestHeader("Content-Length", reqSt1.length);
    reqString1.req.send(reqSt1);

То скрипт не выполняется. Вопрос: почему?

@alexsamos33 · 10.07.2014, 13:38

Ты определись! Или req или reqString1... они одинаковые должны быть...

Javascript

    reqString1.open('POST', '<?=baseurl?>'+link, true);
    reqString1.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    reqString1.setRequestHeader("Content-Length", reqSt1.length); // указывать не обязательно (он вставляется автоматически)
    reqString1.send(reqSt1);

А у тебя что-то там каша какая-то с этими req*...

@psfdek · 10.07.2014, 14:03 **[ТС]**

У меня это так и написано, просто в примере почему то удалилось случайно...

Javascript

   reqString1.open('POST', '<?=baseurl?>'+link, true);
    reqString1.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    reqString1.setRequestHeader("Content-Length", reqSt1.length); // указывать не обязательно (он вставляется автоматически)
    reqString1.send(reqSt1);

@Thisman · 10.07.2014, 14:58

psfdek, покажи как ты создаешь переменную reqString1, а то у тебя код начинается с открытия запроса.

@psfdek · 10.07.2014, 15:53 **[ТС]**

в коде приведенном в самом начале var reqString1 = getXmlHttpRequest();

Повторюсь что запрос этот с GET работает, и когда я его в POST переделал то он так:

Javascript

1 2	reqString1.open('POST', '<?=baseurl?>'+link, true); reqString1.send(reqSt1);

Работает.. т.е. статус 200 приходит от файла php, но POST не передается php файлу.

А если вместо первого пишу

Javascript

    reqString1.open('POST', '<?=baseurl?>'+link, true);
    req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    req.setRequestHeader("Content-Length", reqSt1.length);
    reqString1.req.send(reqSt1);

То скрипт не выполняется.....

@alexsamos33 · 10.07.2014, 16:18

Вот ты видишь! опять!
Опять надо писать reqString1, а ты пишешь req...
Вот, попробуй так (скопируй и вставь):

Javascript

    reqString1.open('POST', '<?=baseurl?>'+link, true);
    reqString1.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    reqString1.setRequestHeader("Content-Length", reqSt1.length);
    reqString1.send(encodeURIComponent(reqSt1));

@psfdek · 11.07.2014, 14:58 **[ТС]**

Да я что то при переделывании req не убрал, теперь норм всё.

Теперь возник вопрос как передать файл с помощью XMLHTTPRequest методом пост, подскажите пожалуйста.

@alexsamos33 · 11.07.2014, 15:07

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

Да я что то при переделывании req не убрал, теперь норм всё.

Ну наконец то...

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

Теперь возник вопрос как передать файл с помощью XMLHTTPRequest методом пост, подскажите пожалуйста.

Файлы через XmlHttp передать нельзя. Вместо этого используют скрытый iframe в котором отправляют форму с файлом...
Есть ещё XmlHttp 2 (HTML5) там как-то можно, но этот способ поддерживают не все браузеры...

@psfdek · 15.07.2014, 12:45 **[ТС]**

Нашел способ с помощью Jquery загрузку делать.
Прикрепил готовый пример, в нем у меня только файлы csv загружать можно, если кому то нужны другие то поменяйте просто MIME TYPE в условиях if.

@Thisman Модератор 771 / 352 / 142 Регистрация: 17.07.2013 Сообщений: 992
	10.07.2014, 14:58	6
	psfdek, покажи как ты создаешь переменную reqString1, а то у тебя код начинается с открытия запроса. 0

@psfdek 3 / 3 / 3 Регистрация: 23.01.2014 Сообщений: 171
	11.07.2014, 14:58 [ТС]	9
	Да я что то при переделывании req не убрал, теперь норм всё. Теперь возник вопрос как передать файл с помощью XMLHTTPRequest методом пост, подскажите пожалуйста. 0

@alexsamos33 669 / 640 / 335 Регистрация: 26.04.2014 Сообщений: 2,122
	11.07.2014, 15:07	10
	Сообщение от psfdek Да я что то при переделывании req не убрал, теперь норм всё. Ну наконец то... Сообщение от psfdek Теперь возник вопрос как передать файл с помощью XMLHTTPRequest методом пост, подскажите пожалуйста. Файлы через XmlHttp передать нельзя. Вместо этого используют скрытый iframe в котором отправляют форму с файлом... Есть ещё XmlHttp 2 (HTML5) там как-то можно, но этот способ поддерживают не все браузеры... 0