python web框架企業實戰詳解（第六期）\第三課時-ajax&jquery&webpy
阿新 • • 發佈：2019-01-31
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>