Question

我在使用Bottle框架进行AJAX通信时遇到了一些问题。这是我第一次使用AJAX，所以我可能只是错误的基础知识。希望瓶子/ 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')

Answer 1

这里有一些问题。

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

另外，为什么不使用jQuery来执行AJAX？它会让你的生活更轻松。：）

使用Bottle（Python）的AJAX提交表单

1 个答案: