6

我在使用 Bottle 框架进行 AJAX 通信时遇到了一些问题。这是我第一次使用 AJAX，所以很可能是我的基础知识错了。希望 Bottle/AJAX 大师可以为这个新手指出正确的方向。这是我正在使用的代码：

#!/usr/bin/env python

from bottle import route, request, run, get


# Form constructor route

@route('/form')
def construct_form():
    return '''

<html>
<head>
<script type="text/javascript">

    function loadXMLDoc()
    {
        xmlhttp = new XMLHTTPRequest();
        xmlhttp.onReadyStateChange = function()
        {
            if(xmlhttp.readyState == 4 && xmlhttp.status == 200)
            {
                document.getElementById("responseDiv").innerHTML = xmlhttp.responseText;
            }
        }

    xmlhttp.open("GET", "/ajax", true);
    xmlhttp.send();
    }   

</script>
</head>

<body>

    <form>
        <input name="username" type="text"/>
        <input type="button" value="Submit" onclick="loadXMLDoc()"/>
    </form>
    <div id="responseDiv">Change this text to what you type in the box above.</div>

</body>
</html> 

    '''

# Server response generator

@route('/ajax', method='GET')
def ajaxtest():
    inputname = request.forms.username
    if inputname:
        return 'You typed %s.' % (inputname)
    return "You didn't type anything."

run(host = 'localhost', port = '8080')
4

1 回答 1

4

这里有几个问题。

  1. Javascript 区分大小写。 XMLHTTPRequest应该是XMLHttpRequest。您应该已经在 J​​avascript 控制台中看到了关于此的错误。
  2. onReadyStateChange应该是onreadystatechange。
  3. 如果您解决了上述两个问题，您的 AJAX 调用将起作用，但您只会得到“您没有输入任何内容”。回复。这是因为您使用的是 GET。您需要更改代码，以便使用 POST 方法发布表单值。

另外，你为什么不使用 jQuery 来做 AJAX？它会让你的生活更轻松。:)

于 2012-02-06T21:52:43.587 回答