ajax

1.js原生的ajax
　　是什么：异步的 JavaScript 和 XML

　　

详细说明: AJAX全称“Asynchronous JavaScript and XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。它有机地包含了以下几种技术： 基于web标准（standards-based presentation）XHTML+CSS的表示； 使用 DOM（Document Object Model）进行动态显示及交互； 使用 XML 和 XSLT 进行数据交换及相关操作； 使用 XMLHttpRequest 进行异步数据查询、检索； 使用 JavaScript 将所有的东西绑定在一起。
      类似于DHTML或LAMP，AJAX不是指一种单一的技术，而是有机地利用了一系列相关的技术。事实上，一些基于AJAX的“派生/合成”式（derivative/composite）的技术正在出现，如“AFLAX”。

　　特点：局部刷新
如何实现？
　　(1)创建XHR核心对象对象
　　　　var xhr = new XMLHttpRequest();
　　(2)与服务器端建立连接
　　　　xhr.open(请求方式，请求地址，是否异步);
　　　　xhr.open("get","student.json",true);
　　(3)向服务端发送数据
　　　　xhr.send("123");
　　(4)接收服务器端的响应数据
　　　　xhr.onreadystatechange = function(){
　　　　　　if(xhr.readyState===4 && xhr.status===200){
　　　　　　　　console.log(xhr.responseText)
　　　　　　}
　　　　}
　　　　xhr.readyState
0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成，且响应已就绪
xhr.status===200
200：服务器响应正常。
304：该资源在上次请求之后没有任何修改（这通常用于浏览器的缓存机制，使用GET请求时尤其需要注意）。
400：无法找到请求的资源。
401：访问资源的权限不够。
403：没有权限访问资源。
404：需要访问的资源不存在。
405：需要访问的资源被禁止。
407：访问的资源需要代理身份验证。
414：请求的URL太长。
500：服务器内部错误。
2.jquery中的ajax
$.get(url,data,function(){})
$.post(url,data,function(){})
$.getJSON(url,data,function(){})
3.同步和异步
同步：发送请求时，等待服务器端的响应
异步：发送请求后，去做其他事情，不等待服务器端的响应
4.get和post请求
与 POST 相比，GET 更简单也更快，并且在大部分情况下都能用；
GET存在缓存问题，使用GET方法一定要记得清除缓存，不然请求的数据不是最新的；
GET不安全，明文传输，POST更安全；
GET适用于小文件，POST没有数量限制；
GET使用send方法时不传参，POST必须传参；

转载于:https://www.cnblogs.com/wangsong123/p/10959932.html