1.ajax
AJAX
后台数据交互,同步异步传输
一种创建交互网页应用的开发技术,主旨在于:改善用户体验,实现无刷新效果;
var xhr = new XMLHttpRequest();
xhr.open('get','xxx.php',true);
xhr.onreadystatechange=function(){
if(xhr.readyState == 4 && xhr.status == 200){
var data = xhr.responseText;
}
}
xhr.send();
ajax
优点:不需要插件支持,优化用户体验,提高web性能,减轻服务器和带宽的负担;
缺点:破坏了浏览器的前进后退后能(影响不大,可以修复),对搜索引擎支持不足;
之前,学的都是原生ajax,优点就是不需要插件支持,比较小的项目可以使用,例如你的整个项目大小还没有人家JQ一个架包大的时候
很多时候,我们一个中型以上的项目,都需要频繁用到ajax,可以考虑封装原生ajax,但是,更推荐,使用别人封装好的ajax
例如jquery,就自带ajax的封装
用一个PHP,一个HTML页面,模拟一个登陆注册的效果
两个输入框,两个按钮
点击登陆按钮,后台返回你输入的账号和密码
点击注册按钮,后台返回注册成功
怎么写PHP?
第一步,$_GET拿数据
第二步,if判断是注册还是登陆
第三步,返回数据
和刚刚同样的页面
点击注册,保留账号密码
再点登陆,要求和刚刚注册成功的账号密码相同,才显示登陆成功,否则登陆失败
PHP并不能存放数据,每次通过ajax访问PHP的时候,PHP就会被刷新,所有对他进行的操作全部重置了
所以,我们就需要一个东西帮我们存数据
有两个方法:第一个,后台去存,用数据库
第二个方法,我们前端,自己存,用本地存储,H5的时候教