zoukankan      html  css  js  c++  java
  • jQuery补充及Django基本使用_Day18

     jQuery扩展

    onclick

    1.  onclick属性的正确写法是onclick="函数名()",它是带括号的,而不是onclick="函数名"

    2.如果onclick属性没有传入this对象,则在函数定义中不能使用$(this),否则解释器会因为找不到该对象而停止运行。

    绑定事件

    在标签上绑定

    找到标签绑定

    1  $('.title').click(function(){

    var v = $(this).text();

    console.log(v)

    })

    2  $('.title').bind('click',function(){

    var v = $(this).text();

    console.log(v)

    })

    上面两种完全一致

    3.委托

    $('.title').delegate('.title','click',function(){

    var v = $(this).text();

    console.log(v)

    })

    4. $('.c1').on('.title','click',function()){

    var v = $(this).text();

    console.log(v)

    }

    四种结果一样

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title></title>
     6 </head>
     7 <body>
     8     <input type="text" id="inp"><input id="btn" type="submit" value="添加" />
     9     <ul>
    10         <li>内容一</li>
    11         <li>内容二</li>
    12     </ul>
    13     <script src="jquery-1.12.4.js"></script>
    14     <script>
    15 
    16 
    17         $(function () {
    18             $('#btn').click(function () {
    19             var v = $('#inp').val();
    20             var li = document.createElement('li');
    21             li.innerHTML = v;
    22             $('ul').append(li);
    23         });
    24 
    25             $('ul').on('click','li',function () {
    26             var v = $(this).text();
    27             v = v + '+1';
    28             $(this).text(v);
    29         })
    30         })
    31 
    32     </script>
    33 </body>
    34 </html>

     Ajax

    不刷新页面,偷偷的向后台发送请求,不能return redirector

    格式如下:

    $.ajax({
    url: '/aj/', # 提交地址
    type: "POST", # 提交方式
    data: {uuu: u, ppp:p}, # 提交数据
    dataType: "JSON",
    success:function (data) { # 回调函数,登录成功后自动执行
    # 将字典形式的字符串,发序列化成为字典对象(json对象)
    # var data_dict = JSON.parse(data);

    if(data_dict.status){
    location.href = "/home/"
    }else{
    alert(data_dict.error);
    }
    }
    })

    Django安装和使用

    安装

    python pip3.5 install django

    创建project和app

    创建project
    先进入自己指定的目录
    django-admin startproject mysite

    mysite
    - mysite (配置文件)
    -urls.py 配置url对应关系
    - manage.py (管理Project)
    - app(cmdb)
    - models.py 数据库操作
    - admin.py 配置Django自带的后台管理
    - apps.py 当前app的配置
    - tests.py 单元测试
    - views.py 做业务处理...

  • 相关阅读:
    昨晚值班将发dla的程序改好后放入正式环境
    本来今天打算不带电脑去值班
    有时候你会觉得,你的不真实让人怀疑,自己却非常尴尬
    其实对于公司的事情分布,我是昨天没有干什么
    异常处理
    反射及内置方法
    绑定方法与非绑定方法
    面向对象之多态
    面向对象之封装
    面向对象三大特性
  • 原文地址:https://www.cnblogs.com/liumj0305/p/6517141.html
Copyright © 2011-2022 走看看