**ajax**
**小生不才如有不对请多指教**
1.做为一个初学者很开心能够认识到ajax今天我们一块学习一下ajax。
首先我们一块了解一下什么是ajax,长什么样子?有什么作用?
第一步我们先把ajax怎么拼写记下来,然后到百度上搜索ajax,我们
会搜索到佷多大神写的关于ajax的,这个时候我一般会选择‘webhcj’他
写的,因为他很帅!
2.说了这么多没有一句话能用的,这个人精神有问题,为什么会出现ajax,
因为ajax是为了在不重新加载整张页面的情况下,让页面的某一块内容发生改变,
( what?什么加载页面,让页面局部内容变化?)答:就是你在一张画纸上面画了
一只小黄鸭,但是你又不知道小黄鸭的嘴巴画的对不对,但是你又不可能每画
完 都跑去让你老师评价你画的怎么样,这个时候你需要问一下你的同学,你同学
会直 接给你个反馈。ajax不属于w3c规范,Asynchronous JavaScript and XML用 javascript进行异步请求网络,xml主要保存和传输数据。
3.同步交互:一个时间段只能进行一个进程。
异步交互:一个时间段可以进行多个进程。
如图:
上图所示你注册的用户名不符合标准,但是却没有刷新整个页面。
4.现在知道ajax的作用了吧,你说这么多ajax到底是怎么用,别急心急吃不了臭豆腐,我们现在一块把 ajax的祖宗十八代找出来,要有耐心慢慢看,让我去洗下手这是个神圣的时刻..........
姓名:ajax。诞生于1999年,微软公司发布IE5浏览器的时候嵌入的一种技术,起名为XMLHTTP;直到
2005年Ajax才开始流行使用,2005年google公司发布了一个邮箱产品gmail,内部的聊天工具有使用 ajax技术,从此就引起了对ajax的兴趣从此ajax被广泛使用。
5.联系到的技术有html、css、javascript、xml、xmlhttpRe'que's't'对象(ajax对象)XMLhttpRequest是 ajax的官方的名称。一个ajax应用程序就是创建一个ajax对象,对象调用其方法和属性的一个过程。
6.如何创建ajax对象
分四部分,记住一定要有四部分
1.创建ajax环境
var request=new XMLHttpRequest () //建立ajax
.open(method, url, true);//打开地址
.setRequestHeader('content-type', 'application/x-www-form-urlencoded');//判断是否正确
.send(data);//发送内容
案例
【
function ajax(method, url, data) {//创建方法
var xhr = null; //声明一个xhr值为空
if (XMLHttpRequest) {//判断浏览器的类别 ie
xhr = new XMLHttpRequest() //兼容ie的把值付进去
} else {
xhr = new ActiveXObject("Microsoft.XMLHTTP")//否则创建一个新的兼容
}
if (method == "get") {//判断获取的方式
// console.log(1);
xhr.open(method, url + "?" + data, true);//打开内容地址
xhr.send();//发送内容
} else {//如果不是用另一种方式
// console.log(2);
xhr.open(method, url, true);//打开内容
xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded');//向后台发送关键字判断是否正确
xhr.send(data);//返回正确,发送内容
}
return new Promise((sucee, fail)=> {
xhr.onreadystatechange = ()=> {//判断状态方法
if (xhr.readyState == 4) {//判断自己书写的内容是否正确
if (xhr.status == 200) {//判断服务器知否链接完毕
sucee(xhr.responseText)
} else {
fail(xhr.status)
}
}
}
})
}
】
你会了吗,快去试试吧
小生不才如有不对请多指教