优秀的编程知识分享平台

网站首页 > 技术文章 正文

一分钟了解ajax。(一分钟了解网络广告)

nanyue 2024-09-12 16:01:17 技术文章 7 ℃

1.Ajax就是异步的js和xml,能够实现页面的局部刷新。

同步交互:客户端发起一个请求,必须等服务端响应结束之后,才能够发送第二个请求。

异步交互:客户端发起一个请求,不必等待服务器的响应也可以发送第二个请求。这样就实现了页面的局部刷新。

2. js实现ajax—基于xmlHttpRequest这个对象实现的。

他可以用于后台和服务器交互数据,有了这个对象就可以将同步变为异步,实现页面的局部刷新。

第一步:实例化一个xmlHttpRequest对象 var request = new XMLHttpRequest();

第二步:建立连接

第三步:发送请求

1.get提交

request.open(请求方式,url地址,是否使用异步) ①参get/post②参访问的url地址③参默认为true

注意:get提交实体内容是拼接在地址栏中的,send方法可以不传参,或传null。

2.post提交

request.open(请求方式,url地址,是否使用异步)

request。setRequestHeader(设置http头信息,比如表单提交)

request.send(请求实体内容)

第四步:注册监听:调用onreadystatechange方法进行监听

var request = new XMLHttpRequest();
request.open("GET","localhost/get",true);
request.send();
request.onreadystatechange = function(){
if(request.readState === 4 && request.status === 200){
//do something...
}
}

3.jquery实现ajax

①$.ajax(
{
Url:
Data:传递给后台的数据
Type:请求类型
dataType:数据格式(json)
Success:回调函数
}
)
②$.get(url,data,callback,type)
③$.post(url,data,callback,type)
④$(selector).load(url,data,callback)

④号,最简单,数据格式必须为json格式,默认为get提交,callback是执行成功的回调函数

最近发表
标签列表