PYTHON第六十七天笔记11.28

浏览器console>中，location.href="http://www.baidu.com"。

二、课上笔记

day67

1.补充知识点

    - os.path相关内容
    
    - PyCharm启动Django项目
    python manage.py runserver 127.0.0.1:8000


2. 学生的增删改查（涉及外键的操作）
    - 学生列表：
        select student.id,student.name, class.name as classname from student left join class on student.class_id = class.id
    - 增加学生
    
    - 编辑学生信息
    
        优化了数据库查询
        
    
        - 模板语言if判断
        {% if 条件 %}
            要做的事儿
        {% else %}
            要做的事儿
        {% endif %}
        
        - select默认选中
            在对应的option上加selected

    - 自己把删除学生信息写完
    
    - 检验数据有效性
    
        - form组件（Django自带）
        
    - 模态框版form提交：
        因为模态框里面的提交按钮是放在form表单外面的
        需要使用JS代码去建立关联
        $("#modal-submit").on("click", function () {
            $("#myModal form").submit();
        });
        
3. AJAX

    Async JavaScript and XML

    - form提交会刷新页面
    
    - 不刷新页面也能和服务端发请求
    
    $.ajax()
    
    JS代码跳转页面：
        - location.href="你要跳转的URL"

下午补充：
    模态框使用ajax提交，返回值
    在页面直接添加数据
    
    在后端：
    
        - HttpResponse("只能放字符串")
           我有一个Python的字典，要返回给前端：
           要把它转换成字符串：
           json.dumps()
           
    在前端：
        - JSON.parse()      --> 把字符串转换回JS对象
        - JSON.stringify()  --> 把JS对象转换成字符串
    
        
        var className = {"items": [1, 2, 3, 4]}
        $.ajax({
              url: "/modal_add_class/",
              type: "post",
              data: {"classname": className},
              success: function (data) {
                 console.log(data);
              }
        }
        
        $.ajax({
              url: "/modal_add_class/",
              type: "post",
              data: json.stringify({"classname": className}),
              success: function (data) {
                console.log(data);
              }
        }

课上笔记