简单的Python和Ajax示例如何使用Python发送响应?

时间:2013-07-24 19:24:21

标签: javascript python ajax webapp2

我正在测试一些使用Python和Javascript的代码试图建立一个Ajax系统。基本上我只想输入一个单词并让python代码发送回去。这是我的html / javascript:

<html>
<head>
<title>Simple Ajax Example</title>
<script language="Javascript">
function xmlhttpPost(strURL) {
    var xmlHttpReq = false;
    var self = this;
    // Mozilla/Safari/Chrome
    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("/ajaxtest")'></p>
  <div id="result"></div>
</form>

</body>

</html>

这是我的python:

class AjaxTest(BlogHandler):
    def get(self):
        user = self.get_user()       
        self.render('ajaxtest.html', user = user)
    def post(self):
        user = self.get_user()
        word = self.request.get('w')
        logging.info(word)
        return '<p>The secret word is' + word + '<p>'
        #having print instead of return didn't do anything

当我记录时,单词显示正确,当我硬编码str:

function updatepage(str){
    document.getElementById("result").innerHTML = str;
}

它显示正确但现在没有硬编码它没有显示任何内容。我该如何发送回复?我使用webapp2作为我的Python框架,使用Jinja2作为模板引擎,但我不认为这与它有很大关系。我是否需要发送HTTP标头?

1 个答案:

答案 0 :(得分:4)

如果您的问题在使用post方法返回字符串时遇到困难,而无需呈现模板,则可以使用write方法来完成此操作:

self.response.write('')

我相信您只需修改self.response.headers

即可更改标题