一、昨日内容回顾

　　　　1.jquery位置信息

　　　　　　width() ..,innetWidth() .outWidth()

　　　　　　offset().top left

　　　　　　scrollTop

　　　　2.事件流 DOM2级　　　　　

　　　　　　（1）捕获阶段 （2）处于目标阶段 （3）冒泡
　　　　　　stopPropagation()
　　　　　　preventDefault()

　　　　3.常见事件　　　　　

//解决双击事件与单击事件冲突
click
dblclick
mouseover
mouseout
mouseenter
mouseleave
表单的实施监听内容输入
js中的oninput
form表单的submit jquery中的事件名
form表单的onsubmit 是js中的事件名
阻止默认事件 event.preventDefault()

　　　　4.常见事件对象属性

　　　　　　　event.target event.currentTarget

　　　　5.事件绑定

　　　　　　　bind()　　　

　　　　6.事件委托　　　　　　

事件代理，后来添加的元素要将事件绑定到页面存在的父辈元素中
$('.father').on('click','li',fn)
on()

　　　　7.设计模式，架构模式

　　　　　　　　mvc mtv mvvm

　　　　8.express的简单介绍

　　　　　　　　https://www.cnblogs.com/mq0036/p/5243312.html

　　　　9.nodejs服务器语言

二、今日内容总结

　　　　http://www.cnblogs.com/majj/p/9134922.html

　　　　1.jquery XmlHttpRequest

　　　　　　

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

    <button id="btn">请求</button>

    <script type="text/javascript" src="../jquery.js"></script>

    <script>

        //创建XMLHttpRequest对象

        var xhr = new XMLHttpRequest();

        console.log(xhr.readyState);

        //2.状态机 检测状态 0 1 2 3 4

        xhr.onreadystatechange=function(){

            console.log(xhr.readyState);

            console.log(xhr.status);

            if(xhr.readyState==4){

                console.log('请求成功！');

                var content = xhr.responseText;

                $('body').html(content);

            }

        }

        $('#btn').click(function(){

            xhr.open('get','http://localhost:8800/',true);

            // xhr.open('get','http://localhost:8800/course',true);

            xhr.send();

        });

    </script>

</body>

</html>

实例

　　　　2.jquery $.ajax({ })

三、预习和扩展

　　　1. DOM0和DOM2的简单区别，同样的操作DOM0会产生覆盖现象，DOM2不会。　　　

<!DOCTYPE html>

<html>

<head>

    <title></title>

</head>

<body>

    <button id="btn">点击</button>

    <script type="text/javascript">

        oBtn = document.getElementById('btn');

        oBtn.onclick=function(){

            console.log('I m a DOM0 First!');

        }

        // 这个会覆盖第一个

                oBtn.onclick=function(){

            console.log('I m a DOM0 Second!');

        }

        oBtn.addEventListener('click',function(){

            console.log('I m a DOM2 First!');

        })

        oBtn.addEventListener('click',function(){

            console.log('I m a DOM2 Second!');

        })

    </script>

</body>

</html>

HTML

　　　2. HTTP中application/x-www-form-urlencoded字符说明

　　　　https://blog.csdn.net/qq_28702545/article/details/51719199

　　　　　

python全栈开发day50-jquery之ajax、XmlHttpRquest的更多相关文章

  1. python 全栈开发，Day99(作业讲解,DRF版本,DRF分页,DRF序列化进阶)

    昨日内容回顾 1. 为什么要做前后端分离? - 前后端交给不同的人来编写,职责划分明确. - API (IOS,安卓,PC,微信小程序...) - vue.js等框架编写前端时,会比之前写jQuery ...

  2. python全栈开发目录

    python全栈开发目录 Linux系列 python基础 前端~HTML~CSS~JavaScript~JQuery~Vue web框架们~Django~Flask~Tornado 数据库们~MyS ...

  3. Python全栈开发【面向对象进阶】

    Python全栈开发[面向对象进阶] 本节内容: isinstance(obj,cls)和issubclass(sub,super) 反射 __setattr__,__delattr__,__geta ...

  4. Python全栈开发【面向对象】

    Python全栈开发[面向对象] 本节内容: 三大编程范式 面向对象设计与面向对象编程 类和对象 静态属性.类方法.静态方法 类组合 继承 多态 封装 三大编程范式 三大编程范式: 1.面向过程编程 ...

  5. Python全栈开发【模块】

    Python全栈开发[模块] 本节内容: 模块介绍 time random os sys json & picle shelve XML hashlib ConfigParser loggin ...

  6. Python全栈开发【基础四】

    Python全栈开发[基础四] 本节内容: 匿名函数(lambda) 函数式编程(map,filter,reduce) 文件处理 迭代器 三元表达式 列表解析与生成器表达式 生成器 匿名函数 lamb ...

  7. Python全栈开发【基础三】

    Python全栈开发[基础三]  本节内容: 函数(全局与局部变量) 递归 内置函数 函数 一.定义和使用 函数最重要的是减少代码的重用性和增强代码可读性 def 函数名(参数): ... 函数体 . ...

  8. Python全栈开发【基础二】

    Python全栈开发[基础二] 本节内容: Python 运算符(算术运算.比较运算.赋值运算.逻辑运算.成员运算) 基本数据类型(数字.布尔值.字符串.列表.元组.字典) 其他(编码,range,f ...

  9. Python全栈开发【基础一】

    Python全栈开发[第一篇] 本节内容: Python 的种类 Python 的环境 Python 入门(解释器.编码.变量.input输入.if流程控制与缩进.while循环) if流程控制与wh ...

  10. python 全栈开发之路 day1

    python 全栈开发之路 day1   本节内容 计算机发展介绍 计算机硬件组成 计算机基本原理 计算机 计算机(computer)俗称电脑,是一种用于高速计算的电子计算机器,可以进行数值计算,又可 ...

随机推荐

  1. 转--python 面试题

    # 每一题都值得好好琢磨钻透 [原文地址](http://www.cnblogs.com/Allen-rg/p/7693394.html)1.Python是如何进行内存管理的? 答:从三个方面来说,一 ...

  2. u-boot移植（五）---代码修改---时钟修改、SDRAM

    最开始已经建立了新单板以及配置文件,现在就需要做的是代码的修改,配置成适合目标板使用的u-boot. 一.时钟修改 在代码流程分析中,我们知道,系统的启动是: 设置 CPU 为管理员模式 关闭看门狗 ...

  3. tensorflow实现mnist

    import tensorflow as tf from tensorflow.examples.tutorials.mnist import input_data # 在变量的构建时,通过trunc ...

  4. OpenCV不同类型Mat的at方法访问元素时该如何确定模板函数的typename（转）

    自从OpenCV推出了Mat后越来越像是Matlab了,使用起来方便了很多,但是,在用at方法访问Mat时,如何选用合适的typename类型来访问相应的Mat元素是个头疼的问题. 比如: int H ...

  5. C# 密封类使用sealed修饰

    using System; using System.Collections.Generic; using System.Linq; using System.Text; namespace @sea ...

  6. $PollardRho$ 算法及其优化详解

    \(PollardRho\) 算法总结: Pollard Rho是一个非常玄学的算法,用于在\(O(n^{1/4})\)的期望时间复杂度内计算合数n的某个非平凡因子(除了1和它本身以外能整除它的数). ...

  7. [ZJOI2012]波浪弱化版（带技巧的DP）

    题面 \(solution:\) 这道确实挺难的,情况特别多,而且考场上都没想到如何设置状态.感觉怎么设状态不能很好的表示当前情况并转移,考后发现是对全排列的构造方式不熟而导致的,而这一题的状态也是根 ...

  8. python yield from

    def kk(): print (1) yield print (2) return 3 k=kk() def hello(k): print("Hello world!") r ...

  9. Informatic学习总结_day03

    1.update strategy

  10. HOG feature