AJAX学习笔记

• AJAX请求报文：

• 行： post /s?ie=utf-8 HTTP1.1

• 头： host：atguigu.com cookie:name=guigu

• 体： username=admin&password=admin

• 响应报文

• 行： HTTP/1.1 200 OK

• 体: html代码段

• 运用express工具
  响应网页发送的GET或POST请求

• AJAX使用

• AJAX请求设置参数:
  url参数：/server?a=100&b=200&c=300
  post请求参数设置:xhr.send(‘a=100&b=200&c=300’);xhr.send(‘a:100&b:200&c:300’);

• AJAX设置请求头信息:
  xhr.open();
  xhr.setRequestHeader(‘Content-Type’,‘application/x-www-form-unencoded’);

• IE缓存问题在服务器端口/ie后面加上?t=’+Date.now()

• 网络异常处理，请求超时：
  网络断开连接时，提醒。请求超时。

• 手动取消请求和重复发送请求问题：
  

• jquery发送AJAX请求：
  

• axios工具库
  需要在bootcdn中查找axios引入

• fetch()函数:
  

• 跨域
  同源:协议，域名，端口号，必须完全相同。违背同源策略就是跨域。

• 如何解决
  JSONP(只支持GET请求)

• CORS跨域资源共享:
  response.setHeader(‘Access-Control-Allow-Origin’,’’);
  response.setHeader(‘Access-Control-Allow-Headers’,’’);
  response.setHeader(‘Access-Control-Allow-Method’,’*’);
  …