ajax自动发送信息到python cgi

时间:2013-03-08 15:00:30

标签: jquery python ajax cgi

首先,我的服务器不接受任何额外的框架,但python,所以我必须坚持下去。我发现了一个简单的互联网示例。我的阿贾克斯知识很少,我需要一些帮助。首先,我使用python的cgi模块和getvalue for“w”将这个示例perl代码转换为python?其次,我应该在html部分修改哪个地方在一个时间间隔内重新加载ajax部分而不是用按钮提交?

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.cgi")'></p>
<div id="result"></div>
</form>
</body>
</html>

Cgi部分:

#!/usr/bin/perl -w
use CGI;

$query = new CGI;

$secretword = $query->param('w');
$remotehost = $query->remote_host();

print $query->header;
print "<p>The secret word is <b>$secretword</b> and your IP is <b>$remotehost</b>.</p>"

我对前面的perl代码(cgi)的Python解释:

#!/usr/bin/env python
# -*- coding: utf-8 -*-

import cgi

myform = cgi.FieldStorage()
recieved = myform.getvalue('word')

print '<p> Hi mate, %s' % recieved

至少你的回答帮助我解决了区间问题;但是,我仍然需要找出python部分:我应该使用getvalue('w')或getvalue('word')来获取表单中的值python代码,因为我在运行代码时不断收到错误。

1 个答案:

答案 0 :(得分:0)

我只会回答第二部分。

肮脏的方式:

</script>结束标记之前:

var inv = setInterval(function () {
    xmlhttpPost("/cgi-bin/simple-ajax-example.cgi");
}, 5000);

//if you ever want to stop
//call stopPolling()
function stopPolling() {
    clearInterval(inv);
}

这很脏,因为它可能导致内存泄漏情况,因为XMLHttpRequest对象实例化在循环内部 - 如果服务器响应速度慢于间隔计时器,则最终可能会产生大量内存占用对象。

更清洁的方式

  • 使用像jQuery这样的库
  • 如果使用库是不可行的,首先为Ajax对象实例化编写一个函数,并正确缓存一个变量,以免最终导致内存泄漏,并确保重用相同的对象。
  • 在合理的间隔时间内进行轮询,同时考虑服务器的平均响应时间和意外延迟。

希望这有帮助。