AJAX Day01

发布于 21 天前  12 次阅读


1.复习内容

  • Jquery

    • jquery是什么?

      • 少代码,实现多功能,
      • 比js更精简的代码,实现更多的功能
    • Jquery元素选取

      • 选取所有元素 $(*)
      • 选取当前元素$(this)
      • 选取类和id时候一定要加.或者#
      • 选取属性元素$([attr:’value’])
      • 选取奇数偶数位置 $(“tr:even”) , $(“tr:odd”)
    • jquery找标签

      • id选择器,
      • 类选择器,
      • 标签选择器,
      • 子代选择器,
      • 后代选择器,
      • 并集选择器
    • jquery选择器筛选

      • p:frist 第一个p元素
      • p:last 最后一个p元素
      • p:eq(2) 第三个p元素,索引从0开始
      • p:gt(3) ,p:lt(3) 索引大于3、小于3
      • :even ,:odd 偶数,奇数位置
      • 表单筛选

        • input:text input的text
        • input:button input的input:button
    • Jquery事件

      • 方法1,去掉on 直接调用方法

        • jq.click() 里面添加匿名函数
        • jq.hover() 里面添加匿名函数
      • 方法2,用on方法

        • $('.box').on(‘click’,function(){})
    • jquery改样式和属性

      • 内容操作

        • html() html元素内容
        • val() value值
        • text() 文字内容
      • 样式操作

        • css() 单一 传递两个变量
        • css() 多个 传递一个字典
      • 类的操作

        • jq.addClass() 添加
        • jq.removeClass() 移除
        • jq.toggleClass() 有就删除 没有就添加
        • jq.hasClass()
      • 自定义属性

        • jq.attr(‘key’,value)
        • jq.removeAttr(‘key’)
        • jq.prop(‘key’,’value’)
    • 资料:

2.灵感代办

  • 将django api全部练习一下
  • 将js和jq的语法等在熟悉一下
  • 思维问题
    • 穷人思维买了东西都是想着怎么保护,
    • 富人思维买了东西都想着如何变现

3.学习内容

  • Ajax

    • 理解:
      • AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
      • AJAX 不是新的编程语言,而是一种使用现有标准的新方法。
      • AJAX 主要功能: 异步请求, 局部刷新
    • 使用Ajax
      • 1.创建对象
        • var xmlhttp;
          if (window.XMLHttpRequest)
            {// code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp=new XMLHttpRequest();
            }
          else
            {// code for IE6, IE5
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
            }

      • 2.发送请求
        • open(method,url,async) 规定请求的类型、URL 以及是否异步处理请求。method:请求的类型;GET 或 POSTurl:文件在服务器上的位置async:true(异步)或 false(同步)
          send(string) 将请求发送到服务器。

          string:仅用于 POST 请求 |
          | setRequestHeader(header,value) | 向请求添加 HTTP 头。
          header: 规定头的名称
          value: 规定头的值 |

      • 3.服务器响应
        • 属性 描述
          responseText 获得字符串形式的响应数据。
          responseXML 获得 XML 形式的响应数据。
      • 4.ajax事件
        • 属性 描述
          onreadystatechange 存储函数(或函数名),每当 readyState 属性改变时,就会调用该函数。
          readyState 存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。

          0: 请求未初始化
          1: 服务器连接已建立
          2: 请求已接收
          3: 请求处理中4: 请求已完成,且响应已就绪 |
          | status | 200: "OK"404: 未找到页面 |

4.扩展延伸知识

  • ajax适配函数不生效问题

    • 可能是浏览器缓存旧的js文件

5.知识内容个人梳理

6.今天都复习了之前的什么内容


Ares个人进阶之路