如何在Python中实现一个最小的AJAX服务器？
我想为一个Python程序创建一个非常简单的基于HTML/AJAX的图形界面。也就是说，前端是一个HTML页面，通过AJAX与程序进行沟通。你能给我一个使用Python的SimpleHTTPServer.SimpleHTTPRequestHandler的最简实现吗？
一个简单的例子就是一个文本框和一个按钮。当按钮被按下时，文本框里的内容会发送到服务器，服务器再返回一个相应的答案。我知道Python有很多强大的解决方案，但我想保持这个过程尽可能简单。我已经找到了一些不错的服务器示例（比如这里），但到目前为止，我还没有想到一个真正最简的实现。
如果你想知道我为什么想这样实现图形界面：我这个应用的重点是以漂亮的布局展示大量数据，并且只需要最少的互动，所以使用HTML和CSS看起来最方便（而且我已经在用它来展示非互动的数据）。
4 个回答
3
这里有一个简单的Python 3示例，灵感来自@nikow的例子。
我知道这个代码可能会有错误，如果你发现了，请在评论里告诉我。
当你点击运行时，这段代码会发送字符串“我给你发了这条消息”，然后Python会回复“我收到了”。
HTML代码：
（你需要使用JavaScript控制台来运行这个）
<body>
<button id="runButton">Run</button>
<script type="text/javascript">
function xml_http_post(url, data) {
var req = new XMLHttpRequest();
req.open("POST", url, true);
req.onreadystatechange = function() {
if (req.readyState == 4) {
console.log(req.responseText);
}
}
req.send(data);
}
function runbuttonfunc() {
xml_http_post("frontend.html", "I sent you this message")
}
document.getElementById("runButton").onclick = runbuttonfunc;
</script>
</body>
Python代码：
import http.server
FILE = 'frontend.html'
PORT = 8000
class TestHandler(http.server.SimpleHTTPRequestHandler):
"""The test example handler."""
def do_POST(self):
"""Handle a post request by returning the square of the number."""
print(self.headers)
length = int(self.headers.get_all('content-length')[0])
print(self.headers.get_all('content-length'))
data_string = self.rfile.read(length)
print(data_string)
self.send_response(200)
self.send_header("Content-type", "text/plain")
self.end_headers()
self.flush_headers()
self.wfile.write("I got it!".encode())
def start_server():
"""Start the server."""
server_address = ("", PORT)
server = http.server.HTTPServer(server_address, TestHandler)
server.serve_forever()
start_server()
11
使用WSGI的参考实现。从长远来看，这样做会让你更满意。
from wsgiref.simple_server import make_server, demo_app
httpd = make_server('', 8000, demo_app)
print "Serving HTTP on port 8000..."
# Respond to requests until process is killed
httpd.serve_forever()
demo_app这个程序相对简单，主要是用来处理你的Ajax请求。
53
好的，我想我现在可以回答我自己的问题了。这里有一个在服务器上计算一个数字平方的示例实现。如果你有任何改进建议或者觉得我有什么误解，请告诉我。
这是Python服务器的文件：
import threading
import webbrowser
import BaseHTTPServer
import SimpleHTTPServer
FILE = 'frontend.html'
PORT = 8080
class TestHandler(SimpleHTTPServer.SimpleHTTPRequestHandler):
"""The test example handler."""
def do_POST(self):
"""Handle a post request by returning the square of the number."""
length = int(self.headers.getheader('content-length'))
data_string = self.rfile.read(length)
try:
result = int(data_string) ** 2
except:
result = 'error'
self.wfile.write(result)
def open_browser():
"""Start a browser after waiting for half a second."""
def _open_browser():
webbrowser.open('http://localhost:%s/%s' % (PORT, FILE))
thread = threading.Timer(0.5, _open_browser)
thread.start()
def start_server():
"""Start the server."""
server_address = ("", PORT)
server = BaseHTTPServer.HTTPServer(server_address, TestHandler)
server.serve_forever()
if __name__ == "__main__":
open_browser()
start_server()
...还有HTML文件（我叫它'frontend.html'，不幸的是，这个名字也必须出现在JavaScript代码里）：
<html>
<head>
<title>AJAX test</title>
</head>
<body>
<script type="text/javascript">
function xml_http_post(url, data, callback) {
var req = false;
try {
// Firefox, Opera 8.0+, Safari
req = new XMLHttpRequest();
}
catch (e) {
// Internet Explorer
try {
req = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e) {
alert("Your browser does not support AJAX!");
return false;
}
}
}
req.open("POST", url, true);
req.onreadystatechange = function() {
if (req.readyState == 4) {
callback(req);
}
}
req.send(data);
}
function test_button() {
var data = document.test_form.test_text.value;
xml_http_post("frontend.html", data, test_handle)
}
function test_handle(req) {
var elem = document.getElementById('test_result')
elem.innerHTML = req.responseText
}
</script>
<form name=test_form>
sqr(
<input type="text" name="test_text" value="0" size="4">
) =
<span id="test_result">0</span>
<input type=button onClick="test_button();" value="start" title="start">
</form>
</body>
</html>
当然，使用jQuery来发送XML请求会方便得多，但为了简单起见，我就这样留着了。
最后是一个使用WSGI的替代实现（不幸的是，我没有找到一种方法可以在请求不是POST时回退到标准的文件服务处理程序）：
import threading
import webbrowser
from wsgiref.simple_server import make_server
FILE = 'frontend.html'
PORT = 8080
def test_app(environ, start_response):
if environ['REQUEST_METHOD'] == 'POST':
try:
request_body_size = int(environ['CONTENT_LENGTH'])
request_body = environ['wsgi.input'].read(request_body_size)
except (TypeError, ValueError):
request_body = "0"
try:
response_body = str(int(request_body) ** 2)
except:
response_body = "error"
status = '200 OK'
headers = [('Content-type', 'text/plain')]
start_response(status, headers)
return [response_body]
else:
response_body = open(FILE).read()
status = '200 OK'
headers = [('Content-type', 'text/html'),
('Content-Length', str(len(response_body)))]
start_response(status, headers)
return [response_body]
def open_browser():
"""Start a browser after waiting for half a second."""
def _open_browser():
webbrowser.open('http://localhost:%s/%s' % (PORT, FILE))
thread = threading.Timer(0.5, _open_browser)
thread.start()
def start_server():
"""Start the server."""
httpd = make_server("", PORT, test_app)
httpd.serve_forever()
if __name__ == "__main__":
open_browser()
start_server()