您的位置：首页 > Web前端 > JQuery

python web框架企业实战具体解释（第六期）\第三课时-ajax&jquery&webpy

2017-07-18 12:45 459 查看

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&amp;jquery&amp;webpy

python web框架企业实战具体解释（第六期）\第三课时-ajax&jquery&webpy