什么是ajax?
通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
ajax的优点:
1.实现局部更新(无刷新状态下)
2.减轻了服务器端的压力
ajax的缺点:
1.破坏了浏览器前进和后退机制(因为ajax自动更新机制)
2.一个Ajax请求多了,也会出现页面加载慢的情况。
3.搜索引擎的支持程度比较低。
4.ajax的安全性问题不太好(可以用数据加密解决)。
注:如果要使用ajax必须要有后端环境的支持(服务器端)。
原生ajax请求的五个步骤:
1.实例化请求对象
2.建立服务器链接
3.监听服务器响应
4.发送请求
5.响应成功,传递参数
http请求的两种方式:
get:用于获取数据,get是在url上传递数据(网址后面的东西),存储量较少,安全系数比较低。
post:用于上传数据,容量几乎是无限(多用于表单)。
{
// 1.创建HXMLHttpRequest对象
var xhr=null;
// var xhr = new XMLHttpRequset();
if(window.XMLHttpRequest){
xhr=new XMLHttpRequest();// ie7+等现代浏览器
}else if(window.ActiveXObject){
// ie6 ,老版本 Opera
xhr=new ActiveXObject('Microsft.XMLHttp')
}
// 2.创建新的http请求,指定请求方法、url及验证信息
xhr.open("get/post",'https://www.baidu.com/',true) //true表示异步,可以省略
// 3.设置请求头,get方式不需要
// post需要设置请求头
xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
// 若为同步,此代码不用写,直接在send后,用xhr.responseText
// 5.相应成功,传递参数 并监听
xhr.onreadystatechange=function(){
if(xhr.readyState==4&&xhr.status==200){
// 获取异步返回的json数据
xhr.responseText
xhr.responseXML.children[0].children
JSON.parse(xhr.responseText)//字符串转对象
}
}
// 4.发送HTTP请求
// post 传参数,get 不传参数
xhr.send('user'+value)
}
文章评论