Fork me on GitHub

Ajax学习笔记

AJAX

  • 简介

    • AJAX 全称为Asyncchronous JavaScript And XML,就是异步的JS和XML
    • 通过AJAX可以在浏览器中向服务器发送异步请求，最大的优势：无刷新获取数据。
    • AJAX不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。

  • 特点

    • 优点
      • 可以无需刷新页面而与服务器端进行通信。
      • 允许你根据用户事件来更新部分页面内容
    • 缺点
      • 没有浏览历史，不能回退
      • 存在跨域问题（同源）
      • SEO不友好(SEO网站优化)

  • 使用

    • 请求报文（重点是格式与参数）

      • 行：POST /s?ie=utf-8 HTTP/1.1
      • 头：Host: atguigu.com
      • ​ Cookie: name=guigu
      • ​ Content-type: application/x-www-form-urlencoded
      • ​ User-Agent: chrome 83
      • 空行
      • 体 username=admin&password=admin

    • 响应报文

      • 行：HTTP/1.1 200 OK

      • 头 Content-Type: text/html;charset=utf-8

      • ​ Content-length: 2048

      • ​ Content-encoding: gzip

      • 空行

      • 体

        <html>
	<head>
	</head>
	<body>
		<h1>你好</h1>
	</body>
</html>

  • 手动取消请求

    • abort，在不同函数内部，把xhr对象预先定义在函数体外部

  • 通过CORS解决跨域

    • response.setHeader("Access-Control-Allow-Origin", "*");
response.setHeader("Access-Control-Allow-Headers", "*");
response.setHeader("Access-Control-Allow-methods", "*");
posted @ 2021-06-04 08:56  雨梦Coder  阅读(39)  评论(0)    收藏  举报