1. 程式人生 > >python web框架企業實戰詳解(第六期)\第三課時-ajax&jquery&webpy

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>