XMLHttpRequest POST调用不起作用

时间:2012-06-25 13:42:45

标签: jquery ajax post xmlhttprequest cq5

I'm using XMLHttpRequest POST to send data to a jsp. But the jsp is not invoked. Here is my code.

点击按钮时调用JS方法

<form action="">
<div><input type="button" value="POST DATA"
    onclick=test();
/></div></form>

JS方法做一个http POST -

<script>
function test() {
        var xmlHttpRequest = new ActiveXObject('Msxml2.XMLHTTP');
        xmlHttpRequest.open("post",
                "http://localhost:4502/content/myTest.html", true);
        xmlHttpRequest.setRequestHeader("Content-Type",
                "application/x-www-form-urlencoded");
        xmlHttpRequest.onreadystatechange = function() {
            getResult(xmlHttpRequest)
        };
        try {
            xmlHttpRequest.send("username=john");
        } catch (e) {
            alert("error" + e);
        }
    }
    function getResult(xmlHttpRequest) {
        if (xmlHttpRequest.readyState == 4) {
            if (xmlHttpRequest.status == 200) {
                alert("ok");
            } else {
                alert("error" + xmlHttpRequest.status);
            }
        }
    }
</script>

myTest.jsp将POST请求写入文本文件 -

  <%
    FileOutputStream fos = new FileOutputStream("D:/test.txt");
    PrintWriter pw = new PrintWriter(fos);
    pw.println(request.getParameter("username"));
    %>

myTest.jsp未被调用,但我收到了OK警报。如果我尝试http get而不是post并将参数附加到uri,它就可以了。我正在使用IE8。

请帮助。

1 个答案:

答案 0 :(得分:0)

您是否尝试过 jQuery 来发帖?

在使用之前,您需要在页面中包含jQuery库。

使用jQuery还可以使您的代码跨浏览器兼容,并且该链接上的示例更容易理解。如果您想要更多地控制请求,还有其他jQuery options。我强烈推荐它 - 对于像这样的任务和许多其他任务,它将使您的生活更简单,您的编码更愉快!