27 - JavaScript AJAX

一、JSON

	1》什么是JSON
			轻量级交换数据的一种格式
	2》JSON中存储的值
			a)简单值
					数字类型
					字符串类型
						....
			特殊字符,必须加入双引号
			b)数组
			c)对象
	3》序列化

		字符串转换为对象:JSON.parse()
		对象转换为字符串:JSON.stringify
	********只要是在.json文件中******
	key==》必须要加入引号

一、什么是Ajax(异步javascript 和 xml )

	一种创建交互网页应用一门技术

二、Ajax应用场景

	实时更新（地图）、表单验证...

三、优缺点

优点:

	1>实现局部更新(无刷新状态)
	2>减轻服务器端压力
			...
缺点：
		1>破坏了浏览器的前进和后退功能
		2>一个ajax请求多了，页面出现加载慢的情况
		3>搜索引擎的支持程度比较弱
		4>ajax安全性问题
			.....

四、如果要使用ajax必须要有后台环境的支持(服务器端)

	安装php环境：appserv
	
	安装完成后，需要在浏览器
	localhost:8888[端口]    回车
	
	localhost:8888[端口]===》www目录下了

一、HTTP请求

	GET：用于获取数据。GET是在URL上传递数据。存储量较少，安全低。
	POST：用于上传数据（表单）。POST安全性一般，容量几乎是无限。

五、ajax

	1》创建ajax对象
		IE6以上：new XMLHttpRequest();
		IE6：new ActiveXObject("Microsoft.XMLHTTP");

	2》链接服务器
		ajax对象.open("请求方式[get|post]",url,异步|同步)
			参数3》true===>异步
						false===>同步
	3》发送请求
		ajax对象.send()

	4》接收返回值
		onreadyStatechange事件:当请求被发送到服务器时，我们需要执行一些基于响应的操作.当readyState改变的时候，就会触发这个执行
	
	readyState:请求的状态，返回的状态码(0-4)
		0（未初始化）：open还没有调用
		1(载入)：已经调用了send()正在发送请求
		2（载入完成）：send()方法完成，已经收到了全部的响应内容
		3（解析）：正在解析响应内容
		4（完成）：响应内容解析完成，可以在客户端用了

	status:返回请求结果（码）

		200-》成功
		404-》未找到
		5**开头->服务器错误

	responseText:返回内容