Как вы отправили метод HTTP POST, используя Ajax, и получили значения поля ввода без Jquery или прототипа?

Question

Я думаю, что я довольно близок к решению, но не могу понять, как отправить метод HTTP POST, используя Ajax.Я думаю, что это поможет мне понять и мой проект REST.

В Интернете доступно множество ресурсов с использованием Jquery или Prototype js framework, но я хочу знать, как без него.

 <script type="text/javascript">
        function loadXMLDoc() {
            var xmlhttp = new XMLHttpRequest();
            var out;

            xmlhttp.onreadystatechange = function() {
                if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                    out = xmlhttp.responseText;
                    alert(out);
                }
            }
            xmlhttp.open("POST", "/resources/Inventory/2", true);
            xmlhttp.setRequestHeader("Content-type", "application/jason");
            xmlhttp.setRequestHeader("Connection", "close");

            xmlhttp.send(null);
        }

        </script>

Когдаиспользуя non-ajax POST (т. е. перезагрузку страницы или перенаправление), на стороне сервера я могу получить входные значения HTML-формы, представленной пользователями.

Но я путаюсь с Ajax HTTP POST, как мне получить значения, указанные в поле ввода формы HTML? Возможно ли это или это неправильный способ мышления?

<form method="post" action="">
   <input type="text" name="info1" />
   <button value="click to call js" onclick="loadXMLDoc()">
</form>

Answer 1

Вам необходимо отправить POST-данные в теле запроса, например, "Field1 = value1 & field2 = значение2".

Смотрите здесь для получения дополнительной информации: http://www.openjs.com/articles/ajax_xmlhttp_using_post.php

Проверьте тип контента там!