笔记

一、Ajax方法

1、Ajax

在jQuery中,$.ajax()方法属于最底层的方法,第二层是load(),$.get(),和$.post(),第三层是$.getScript()和$.getJSON()方法

2、load()方法 —— 从服务器加载数据,并把返回的数据放入被选元素中

结构:

load(url,[data],[callback])

3、get()-向指定的资源请求数据

$.get()方法通过 HTTP GET 请求从服务器上请求数据

语法:

$.get(URL,callback)

必需的 URL 参数规定您希望请求的 URL。

可选的 callback 参数是请求成功后所执行的函数名。

GET请求可被缓存

GET请求保存浏览器历史记录中

GET请求可被收藏为书签

GET请求不应在处理敏感数据时使用

GET请求有长度限制

GET请求只应当用于取回数据

4、post()-向指定的资源提交要被处理的数据

GET 和 POST 方法的区别:

1、发送的数据数量

在 GET 中,只能发送有限数量的数据,因为数据是在 URL 中发送的。

在 POST 中,可以发送大量的数据,因为数据是在正文主体中发送的。

2、安全性

GET 方法发送的数据不受保护,因为数据在 URL 栏中公开,这增加了漏洞和黑客攻击的风险。

POST 方法发送的数据是安全的,因为数据未在 URL 栏中公开,还可以在其中使用多种编码技术,这使其具有弹性。

3、加入书签中

GET 查询的结果可以加入书签中,因为它以 URL 的形式存在;而 POST 查询的结果无法加入书签中。

4、编码

在表单中使用 GET 方法时,数据类型中只接受 ASCII 字符。

在表单提交时,POST 方法不绑定表单数据类型,并允许二进制和 ASCII 字符。

5、可变大小

GET 方法中的可变大小约为 2000 个字符。

POST 方法最多允许 8 Mb 的可变大小。

6、缓存

GET 方法的数据是可缓存的,而 POST 方法的数据是无法缓存的。

7、主要作用

GET 方法主要用于获取信息。而 POST 方法主要用于更新数据。

二、DOM遍历

遍历即意为“移动”,用于根据其他元素的关系来“查找”(或获取)HTML元素

1、向上遍历DOM树

parent()

      只会向上一层对DOM进行遍历

parents()

      该方法返回被选元素的所有祖先元素,他一路向上直到文档的根元素(<html>)

parentsUntil()

      该方法返回介于两个给定的元素之间的所有祖先元素

2、向下遍历DOM树

children()

      该方法返回被选元素的所有直接子元素,只会向下一级对DOM树进行遍历

find()

      该方法返回被选元素的后代元素,一路向下,直到最后一个后代

3、在DOM树中水平遍历

siblings()

      该方法返回被选元素的所有同胞元素

next()

      该方法返回被选元素的下一个同胞元素,只返回一个元素

nextAll()

      该方法返回被选元素的所有跟随的同胞元素

nextUntil

      该方法介于两个给定参数之间的所有跟随的同胞元素

prev(), prevAll() 以及 prevUntil() 方法的工作方式与上面的方法类似,只不过方向相反而已:它们返回的是前面的同胞元素(在 DOM 树中沿着同胞之前元素遍历,而不是之后元素遍历)

4、缩小搜索元素的范围

first()

      返回被选元素的首个元素

last()

      返回被选元素的最后一个元素

eq()

      返回被选元素中带有指定索引号的元素。索引号从0开始,因此首个元素的索引号是0而不是1

filter()

      不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回

not()

      返回不匹配标准的所有元素

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容