0

首先，我的服务器除了python不接受任何额外的框架，所以我必须坚持下去。我在互联网上找到了一个简单的例子。我的ajax知识很少，我需要一些帮助。首先，我应该使用python的cgi模块和“w”的getvalue来将这个示例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 部分：我应该在我的 python 代码中使用 getvalue('w') 还是 getvalue('word') 从表单中获取值，因为运行代码时不断出错。

4

1 回答 1

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 对象实例化编写一个函数，并正确缓存一个变量，以免最终导致内存泄漏，并确保重用相同的对象。
  • 以合理的间隔时间进行轮询，同时考虑服务器的平均响应时间和意外延迟。

希望这可以帮助。

于 2013-03-08T18:27:47.487 回答