zoukankan      html  css  js  c++  java
  • [oldboy-django][1初识django]阻止默认事件发生 + ajax + 模态编辑对话框

    4 阻止默认事件发生
    
        a 阻止a标签默认事件发生方法
            <a href="http://www.baidu.com" onclick="modalEdit();">点击</a>
    
            点击上面的a标签会有两个事件: modalEdit 以及 跳转到百度首页, 优先级高的modalEdit()
    
            如果想阻止跳转到百度首页事件发生,需改成如下:
                1 标签内添加return
                    <a href="http://www.baidu.com" onclick=" return modalEdit();">点击</a>
    
                2 事件modalEdit 添加return False
                    function modalEdit(){
                     ....
                     return false;
                    }
    
    
        b 阻止form表单中submit默认事件发生方法
    
    
    5 ajax+对话框(单表class)
        点击编辑后的处理步骤,编辑按钮绑定事件
            a.获取当前编辑班级的全部信息         -- 前端
                - 找父亲parent(),找父亲的前面两个标签prevAll()
            b.弹出对话框并显示默认信息           -- 前端
                - removeClass("hide")
                - val(id) #id的input输入框隐藏
                - val(title)
            c.点击提交按钮将数据发送到后台       -- ajax
                - $.ajax({
                    url: '/modal_edit_class/',
                    type: 'POST',
                    data: {'nid': nid, 'title': title},
                    success: function(){}})
            d.后台异常处理(插入数据库),将字典json处理为字符串,返回HttpResponse() -- 服务器
                - ret = {'status': True, 'msg': None}
                - try {更新数据库操作}
                - return HttpResponse(json.loads(ret))
            e.前端接收字符串,反json处理,判断并做不同操作 -- ajax
                - success: function(){}
                    -- 成功,刷新当前页面 location.reload()
                    -- 失败,显示失败信息
                - 反序列化
                    -- JSON.parse(string)
    
                - 前端序列化
                    -- JSON.stringify(字典)
  • 相关阅读:
    二层、三层、四层交换机的区别
    在origin 中任意设定X坐标值
    Eclipse 配置 ONE 仿真环境
    ns3 安装
    sprintf 函数
    transition属性实现hover渐变动画效果
    Mybatis处理oracle的clob类型
    Mybatis模糊查询(like)
    java.lang.OutOfMemoryError: PermGen space错误
    ORA-28000: the account is locked-的解决办法
  • 原文地址:https://www.cnblogs.com/liuzhipenglove/p/7735748.html
Copyright © 2011-2022 走看看