Question

我正在尝试基于此页面上显示的演示实现一个简单的AJAX示例： http://www.degraeve.com/reference/simple-ajax-example.php

我复制了HTML部分并将其命名为ajax_demo.html。例如：

<html>
<head>
<title>Simple Ajax Example</title>
<script language="Javascript">
function xmlhttpPost(strURL) {
    var xmlHttpReq = false;
    var self = this;
    // Mozilla/Safari
    if (window.XMLHttpRequest) {
        self.xmlHttpReq = new XMLHttpRequest();
    }
    // IE
    else if (window.ActiveXObject) {
        self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
    }
    self.xmlHttpReq.open('POST', strURL, true);
    self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    self.xmlHttpReq.onreadystatechange = function() {
        if (self.xmlHttpReq.readyState == 4) {
            updatepage(self.xmlHttpReq.responseText);
        }
    }
    self.xmlHttpReq.send(getquerystring());
}

function getquerystring() {
    var form     = document.forms['f1'];
    var word = form.word.value;
    qstr = 'w=' + escape(word);  // NOTE: no '?' before querystring
    return qstr;
}

function updatepage(str){
    document.getElementById("result").innerHTML = str;
}
</script>
</head>
<body>
<form name="f1">
  <p>word: <input name="word" type="text">
  <input value="Go" type="button" onclick='JavaScript:xmlhttpPost("/cgi-bin/simple-ajax-example.py")'></p>
  <div id="result"></div>
</form>
</body>
</html>

上面没有显示我的simple-ajax-example.py的完整真实路径：

<input value="Go" type="button" onclick='JavaScript:xmlhttpPost("/cgi-bin/simple-ajax-example.py")'>

这两个文件都在我的apache服务器上。例如：

 http://myserver.com/ajax_demo.html
 http://myserver.com/cgi-bin/simple-ajax-example.py

我的Python脚本在直接调用时确实有效，如下所示：

import cgi

form = cgi.FieldStorage()
secret_word = form.getvalue('word')

print "Content-type: text/html"
print ""
print "<p>The secret word is", secret_word, "<p>"

问题是，这根本不起作用。在ajax_demo.html文本框中，当我输入文本并单击Go时，似乎什么也没发生。

我错过了什么？

Answer 1

您可能需要打开服务器来提供../cgi-bin/目录：）

尝试此推荐，

python -m simpleHTTPServer 8100

- - - - - - - - 编辑

secret_word = form.getvalue('word')
qstr = 'word=' + escape(word)

您的查询字符串键拼写错误。

Python的简单AJAX示例无法正常工作

1 个答案: