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" οnkeyup="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" οnkeyup="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框架企业实战详解(第六期)第三课时-ajax&jquery&webpy

python web框架企业实战详解(第六期)\第四课时-webpy&django

python web框架企业实战详解(第六期)\第二课时-pickle&__eq__

python web框架企业实战详解(第六期)\第一课时-sorted&if&for

python web框架企业实战详解(第六期)第四课时-webpy&django