Ajax学习第一天

Ajax学习第一天

•传统网站中存在的问题

1. 网速慢导致的页面加载时间过长
2. 表单重填问题
3. 页面的跳转问题(有时候页面中只需要某个特定部分实现改变而使整个页面发生跳转)
   以上的问题导致用户体验不佳，故提出Ajax解决方案，它是浏览器提供的一套方法，实现页面无刷新更新数据，它是运行在客户端上的。

•应用场景

1. 页面上拉加载更多数据
2. 列表分页
3. 表单验证
4. 搜索框提示文字下拉列表

•运行环境

1. Ajax技术需要运行在网络环境中才能生效(以域名的方式进行访问)

•运行原理

在传统的浏览器端与服务器端直接进行交互之间增加Ajax 使开发人员对整个过程可控。

•实现步骤

1. 创建Ajax对象var xhr = new XMLHttpRequest();
2. 告诉Ajax请求地址及请求方式xhr.open('get','http://www.example.com');
3. 发送请求xhr.send();
4. 获取服务器端给与客户端的响应数据xhr.onload=function(){ console.log(xhr.responseText);}

•注意事项
在http请求与响应过程中，无论是请求参数还是响应内容，如果是对象类型，最终都会转换为对象字符串进行传输。

JSON.parse(); //将json字符串转换为json对象