AJAX简介
AJAX全称asynchronous Javascript and xml 就是异步的js和XML。
通过AJAX可以在浏览器中向服务器发送异步请求,最大的优势:无刷新获取数据,
AJAX不是新的编程语言,而是一种与现有的标准组合在一起使用的新方式。
XML简介
XML可扩展标记语言
XML被设计用来传输和存储数据。
XML和Html类似,不同的是HTML中都是预定义标签,而XML中没有预定义标签,全都是自定义标签,用来表示一些数据。
学生数据:
name = "孙悟空 "; age = “18”; gender = “男”;
用XML表示:
<student> <name>孙悟空</name> <age>18</age> <gender>男</gender> </student>
现在已被JSON取代了
用JSON表示
{"name":"孙悟空","age":18;"gender":"男"}
AJAX的特点
ajax的优点
1 可以无需刷新页面而与服务端进行通信。
2 允许你根据用户事件来更新部分页面内容。
AJAX的缺点
1 没有浏览历史,不能回退
2 存在跨域问题(同源)
3 SEO 不友好
SEO (搜索引擎优化)的主要工作是通过了解各类搜索引擎如何抓取互联网页面,如何进行索引以及如何确定其对某一特定关键词的搜索结果排名等技术,来对网页内容进行相关的优化,使其符合用户浏览习惯,在不损害用户体验的情况下提高搜索引擎排名,从而提高网站访问量,最终提升网站的销售能力或宣传能力的技术。
AJAX技术给SEO带来的问题
通过上面的阐述,我们了解到SEO的主要功能是抓取页面,关键字以达到网站页面收录的目的,从而提高网站知名度,同事搜索引擎在抓取页面的时候会屏蔽掉所有JAVAscript代码,而基于Ajax技术的web站点其中所用到的很重要的一项技术就是Javascript,那么Ajax载入的内容对于搜索引擎来说也就是透明的,也就是没有内容的(根据用户的关键词匹配不到数据),这样一来,对于百度,google等收录页面是十分不利的。
HTTP
HTTP(hypertext transport protocol)超文本传输协议
协议详细规定了浏览器和万维网服务器之间相互通信的规则。
请求报文
完整的请求报文包括四部分
请求行(view parsed)包括三部分 请求类型GET,POST等、URL的路径/查询字符串、HTTP协议的一个版本1.1
请求头(Request Headers)的格式为: 名字: 值
Host: baidu.com
Cookie: name=chenxuyuan
Content-type: applocation/x-www-form-urlencoded
告知服务器请求体是什么类型的
空行
请求体
GET请求,请求体为空,POST请求,请求体可以不为空
username=admin&password=admin
响应报文
响应报文包括四部分
响应行 HTTP协议的一个版本1.1、响应状态码200、响应状态字符串ok
响应头(Response Headers)
类型Content-type: applocation/x-www-form-urlencoded
长度Content-length:2048
压缩方式Content-encoding:gzip
空行必须得有
响应体(Response)
<html>
<head>
</head>
<body>
<h1>hello,world!</h1>
</body>
</html>
浏览器将响应体中的内容进行渲染在页面上输出。
Query String Parameters是对URL的参数做解析