论坛徽章:: 0

电梯直达

1楼 [收藏(0)] [报告]

发表于 2012-07-06 16:23 |只看该作者 |倒序浏览

app.pl

get '/query' => sub {
$logger->debug_message("in GET /query");
template 'users';
};
ajax '/query' => sub {
$logger->debug_message("in AJAX /query");
print "hello",params->{user}
};

复制代码

users.tt

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

复制代码

文库|博客

flw

版主

论坛徽章:: 1

2楼 [报告]

发表于 2012-07-06 16:27 |只看该作者

真心建议你不要这么费劲了，直接用 jQuery 吧，这个超好使。
或者用 d3 也行。

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

Perl_Er

大富大贵

论坛徽章:: 0

3楼 [报告]

发表于 2012-07-06 16:54 |只看该作者

回复 2# flw

好吧，我先看看Jquery资料。thank you!

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

py

版主

论坛徽章:: 1

4楼 [报告]

发表于 2012-07-06 22:46 |只看该作者

我也是最近开始用jQuery，感觉这东西好用而且简单，配合Dancer，Dancer只负责把需要的数据JSON到前面，之后的事情就jQuery来做了。jQuery鼓捣AJAX，太简单了。

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

ttcn_cu

富足长乐

论坛徽章:: 1

5楼 [报告]

发表于 2012-07-07 21:11 |只看该作者

jquery 必需的！

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

Perl_Er

大富大贵

论坛徽章:: 0

6楼 [报告]

发表于 2012-07-08 16:01 |只看该作者

本帖最后由 Perl_Er 于 2012-07-10 15:40 编辑

Thanks everyone!!!

了解了一下JQuery感觉确实简单好用。以后肯定可以用的上。至于我这个代码的问题, 我在原本的基础上改了一下，把ajax改为post，模板里面调用/query/:user这个router得到返回数据,然后用javascript处理, 用Ajax显示内容。

get '/query/:user' => sub {
template 'users';
};
post '/query/:user' => sub {
to_xml({...}, RootName=>undef )
};

复制代码

至于在app.pl里面用ajax关键字不起作用，不知道是咋回事。

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

返回列表

Chinaunix › 论坛 › 程序设计 › Perl › dancer中怎么样Ajax, ajax query不起作用. 帮忙看一看 ...

dancer中怎么样Ajax, ajax query不起作用. 帮忙看一看，谢谢 [复制链接]