javascript - 如何在没有 Jquery 或原型(prototype)的情况下使用 Ajax 发送 HTTP POST 方法并检索输入字段值？

Question

我想我已经非常接近解决方案了，但无法真正弄清楚如何使用 Ajax 发送 HTTP POST 方法。我认为这也会帮助我理解我的 REST 项目。

网上有很多使用 Jquery 或 Prototype js 框架的资源，但我想知道没有它会怎样。

 <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>

当使用非 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 数据，例如“字段 1=值 1 字段 2=值 2”。

查看此处了解更多信息:http://www.openjs.com/articles/ajax_xmlhttp_using_post.php

在那里检查内容类型!