python web框架企业实战详解（第六期）\第三课时-ajax&jquery&webpy
Posted t0nsha
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了python web框架企业实战详解（第六期）\第三课时-ajax&jquery&webpy相关的知识，希望对你有一定的参考价值。
main.py
__author__ = ‘Liao‘
import web
import time
urls = (
‘/gettime‘,‘gettime‘,
‘/(.*)‘, ‘hello‘
)
app = web.application(urls, globals())
class gettime:
def GET(self):
asctime=time.asctime()
print asctime
return asctime
def POST(self):
return self.GET()
class hello:
def GET(self, name):
if not name:
name = ‘World‘
return ‘Hello, ‘ + name + ‘!‘
if __name__ == "__main__":
app.run()ajaxrawjs.html
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>this is a ajax rawjs page </h1>
<p>static files must be put in <font color="red" ><b> static</b></font> directory in webpy !</p>
<form name="myForm">
用户: <input type="text" name="username" onkeyup="ajaxFunction();" />
时间: <input type="text" name="time" />
</form>
<script type="text/javascript">
function ajaxFunction()
{
var xmlHttp;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("您的浏览器不支持AJAX！");
return false;
}
}
}
xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4)
{
document.myForm.time.value=xmlHttp.responseText;
}
}
xmlHttp.open("GET","/gettime",true);
xmlHttp.send(null);
}
</script>
</body>
</html>ajaxjquery.html
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<!-- jquery下载地址：http://jquery.com/download/ -->
<script src="jquery-1.12.1.min.js"></script>
</head>
<body>
<h1>this is a ajax jquery page </h1>
<p>static files must be put in <font color="red" ><b> static</b></font> directory in webpy !</p>
<form name="myForm">
用户: <input type="text" name="username" onkeyup="ajaxFunction();" />
时间: <input type="text" id="time123" name="time" />
</form>
<script type="text/javascript">
function ajaxFunction()
{
// alert("bbb");
// alert("bbb "+"cc");
// alert("bbb "+ $("input[name=‘username‘]").val() );
// $("input[name=‘time‘]").val( $("input[name=‘username‘]").val() );
// $("#time123").val( $("input[name=‘username‘]").val() );
htmlobj=$.ajax({url:"/gettime",async:false,method:"GET"});
$("#time123").val(htmlobj.responseText);
}
</script>
</body>
</html>以上是关于python web框架企业实战详解（第六期）\第三课时-ajax&jquery&webpy的主要内容，如果未能解决你的问题，请参考以下文章
python web框架企业实战详解（第六期）\第三课时-css&bootstrap
python web框架企业实战详解（第六期）\第二课时-pickle&__eq__
python web框架企业实战详解（第六期）\第一课时-sorted&if&for
python web框架企业实战详解（第六期）第三课时-css&bootstrap