这是一个示例html文件和随附的python CGI脚本,可以助您一臂之力:
使用此html:
<html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>test</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script> $(function() { $('#clickme').click(function(){ alert('Im going to start processing'); $.ajax({ url: "/scripts/ajaxpost.py", type: "post", datatype:"json", data: {'key':'value','key2':'value2'}, success: function(response){ alert(response.message); alert(response.keys); } }); }); }); </script> </head> <body> <button id="clickme"> click me </button> </body></html>和这个脚本:
#!/usr/bin/env pythonimport sysimport jsonimport cgifs = cgi.FieldStorage()sys.stdout.write("Content-Type: application/json")sys.stdout.write("n")sys.stdout.write("n")result = {}result['success'] = Trueresult['message'] = "The command Completed Successfully"result['keys'] = ",".join(fs.keys())d = {}for k in fs.keys(): d[k] = fs.getvalue(k)result['data'] = dsys.stdout.write(json.dumps(result,indent=1))sys.stdout.write("n")sys.stdout.close()单击按钮后,您可以看到cgi脚本返回:
{ "keys": "key2,key", "message": "The command Completed Successfully", "data": { "key2": "value2", "key": "value" }, "success": true}


