Ajax 学习笔记

目录

1：首先来了解什么是Ajax

         2：Jquery Ajax

   2.1 $.ajax

   2.2 $.get

   2.3 $.post（和get类似）

   2.4 $.getJSON

---

1：首先来了解什么是Ajax

百度官方解释：Ajax即Asynchronous Javascript And XML（异步JavaScript和XML）在 2005年被Jesse James Garrett提出的新术语，用来描述一种使用现有技术集合的‘新’方法，包括: HTML 或 XHTML, CSS, JavaScript, DOM, XML, XSLT, 以及最重要的XMLHttpRequest。  使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上，而不需要重载（刷新）整个页面，这使得程序能够更快地回应用户的操作。

太官方、太多专业术语？

那就来看看知乎上通俗易懂的解释吧：

ajax的全称是AsynchronousJavascript+XML。

异步传输+js+xml。

所谓异步，在这里简单地解释就是：向服务器发送请求的时候，我们不必等待结果，而是可以同时做其他的事情，等到有了结果我们可以再来处理这个事。（当然，在其他语境下这个解释可能就不对了）

这个很重要，如果不是这样的话，我们点完按钮，页面就会死在那里，其他的数据请求不会往下走了。这样比等待刷新似乎更加讨厌。

（虽然提供异步通讯功能的组件默认情况下都是异步的，但它们也提供了同步选项，如果你好奇把那个选项改为false的话，你的页面就会死在那里）

xml只是一种数据格式，在这件事里并不重要，我们在更新一行字的时候理论上说不需要这个格式，但如果我们更新很多内容，那么格式化的数据可以使我们有条理地去实现更新。

现在大部分人其实是用JSON这种格式来代替XML的，因为前者更加简洁，据说目前的解析速度也更快。多快好省，能省则省啊。

（链接：https://www.zhihu.com/question/20874229/answer/24708736）

接下来再来看看他的优点：

总结来说，他可以做到异步无刷新 ，它经常被用来实现局部刷新或者无刷新效果

2：Jquery Ajax

Jquery中四种Ajax的使用方法

  2.1 $.ajax

   2.2 $.get

 

  2.3 $.post（和get类似）

 

  2.4 $.getJSON