1.首先我们要知道的是,ajax它不是一门编程语言,它只是一种有着标准的方法!
2.ajax可以说是异步的JavaScript和xml。
那么ajax有什么优缺点呢?
优点:
1.它可以在不加载整个页面的情况下,与服务器交换数据,并更新部分网页内容。
2.可以减轻服务器的负担,按需请求数据,最大程度的去减轻多余请求。、
3.不需要任何浏览器的插件,可以实现页面数据相分离。
缺点:
1.ajax大量使用js和ajax引擎,主要依赖浏览器的支持,所以需要考虑对浏览器的兼容性?。
2.它是局部刷新,无法使用页面的后退按钮。
原生JS发送ajax请求的几个步骤:
//1.创建对象
var xhr;
if (window.XMLHttpRequest){//普通浏览器
xhr=new XMLHttpRequest();
}else{//老版本IE
xhr=new ActiveXObject("Microsoft.XMLHTTP");
}
//3.监听服务器响应
xhr.onreadystatechange=function(){
if(xhr.readyState==4&&xhr.status==200){
console.log(xhr.responseText);//将接收到的服务器数据显示到控制台中
}
};
//2.打开链接
xhr.open("请求方式","请求地址",是否异步:默认为异步true);
//3.5 请求头(POST请求时设置)
xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
//4.发送请求
xhr.send();
jQuery发送ajax请求的几个步骤:
<script>
//开始发送请求
$.ajax({
// url规定发送请求的资源地址。默认是当前页面。
url: "/jquery.html",
// 服务器响应的数据类型
dataType: "json",
// 发送到服务器的数据
data: {
name:"123",
type:"333"
},
// 当请求成功时执行的函数
success: function (value) {
$(".Show").html(Value);
},
// 如果请求失败要运行的函数
error: function (XMLHttpRequest) {
$(".Show").html(Value);
}
})
</script>
|