| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>黄小泽</title>
- {% load static %}
- <link rel="stylesheet" type="text/css" href="{% static 'blog/style.css' %}">
- <style type="text/css">
- div{color:#F03939;}
- body{background: url("{% static 'eason.jpg' %}") no-repeat ;}
- </style>
- <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- $('#sum').click(function(){
- var a = $('#a').val()
- var b = $('#b').val()
- $.get('/add/',{'a':a,'b':b},function(res){
- $('#result').html(res)
- })
- })
- $('#list').click(function(){
- console.log('h');
- $.getJSON('/ajax_list/',function(ret){
- //返回值 ret 在这里是一个列表
- for (var i = ret.length - 1; i >= 0; i--) {
- // 把 ret 的每一项显示在网页上
- $('#list_result').append(' ' + ret[i])
- };
- })
- })
-
- // 字典 dict
- $('#dict').click(function(){
- $.getJSON('/ajax_dict/',function(ret){
- //返回值 ret 在这里是一个字典
- $('#dict_result').append(ret.twz + '<br>');
- // 也可以用 ret['twz']
- })
- })
- })
- </script>
- </head>
- <body>
- <div>
- <form action="/add/",method = 'get'>
- a:<input type="text" id='a' name="a"><br>
- b:<input type="text" id='b' name="b"><br>
- <p>result:<span id='result'></span></p>
- <input type="button" id='sum' name="ddd" value="提交"><br>
- </form>
- </div>
- <form method="post">
- {% csrf_token %}
- {{form}}
- <input type="submit" name="submit">
- </form>
- <div style="width:100px;height: 100px;" id="dict">Ajax 加载字典</div>
- <p id="dict_result"></p>
-
- <div style="width:100px;height: 100px;" id="list">Ajax 加载列表</div>
- <p id="list_result"></p>
- <ul>
- <li>HTML</li>
- <li>Python</li>
- </ul>
- </body>
- </html>
|
