ajax
发布时间：2020-12-16 02:55:11 所属栏目：百科 来源：网络整理
导读：原生ajax //----------------------------------------------用get的方式请求数据-------------------------------------------------------------------------------------------------------------------------- // 1.创建XMLHttpRequest对象,后者ActiveX
|
原生ajax
//----------------------------------------------用get的方式请求数据--------------------------------------------------------------------------------------------------------------------------
//
1.创建XMLHttpRequest对象,后者ActiveX兼容ie5,ie6版本
var xhr=window.XMLHttpRequest?(new XMLHttpRequest()):(new ActiveXObject(‘Mircosoft.XMLHTTP‘));
?
//
2.用get方法请求url数据
xhr.open(‘get‘,url,true);
//true:异步，可省略;false：同步;在JS中，异步是指两件事情可以同时进行，同步就是一件事情做完才能做另一件事情
?
//
3.触发xhr事件
xhr.onreadystatechange=function(){
if(xhr.readyState===4 && xhr.status===200){
console.log(‘获取数据‘+xhr.responseText);
}else{
? ?//失败做的事情
}
};
//4.将请求发送到数据
xhr.send();
?
//----------------------------------------------用post的方式请求数据--------------------------------------------------------------------------------------------------------------------------
//1.创建XMLHttpRequest对象,ie6版本
var xhr=window.XMLHttpRequest?(new XMLHttpRequest()):(new ActiveXObject(‘Mircosoft.XMLHTTP‘));
?
//2.用post方法请求url数据
xhr.open(‘post‘,true);//true:异步，可省略;false：同步;在JS中，异步是指两件事情可以同时进行，同步就是一件事情做完才能做另一件事情
?
/
/3.触发xhr事件
xhr.onreadystatechange=function(){
if(xhr.readyState===4 && xhr.status===200){
console.log(‘获取数据‘+xhr.responseText);
}else{
? ?//失败做的事情
}
};
//4.将请求发送到数据，post只能表单提交，要在其他地方用，需要添加setR....，并且可以提交数据
xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xhr.send(username=yxy&userpass=123);
?
JQ方式的ajax，同样也适用于zepto.js
//----------------------------------------------用get的方式请求数据--------------------------------------------------------------------------------------------------------------------------
$.ajax({
url:地址,
type:get/post,
dataType:‘json/xml‘,
async
:true,//请求是否异步，默认为异步
data:{
"id":"value"},????//参数值,键值对? ? ? ? ? ? ??传送的数据，如果是get不需要，只有post才需要
success:function(req){//请求成功的处理}，
error:function(){//请求失败的处理}
});
也可以用回调函数done(),fail(),always()
$.ajax({
url:地址,
type:get/post,
dataType:‘json/xml‘,
async
:true,//请求是否异步，默认为异步
data:{
"id":"value"},键值对? ? ? ? ? ? ??传送的数据，如果是get不需要，只有post才需要
}).done(function(req){//成功函数})
.fail(function(){//失败})
.always(function(){//无论成功或失败都执行});
?
//简写
//get,data和dataType可以写也可以不写,response为接收的数据
$.get(‘urlxxx‘,data,function(response){
$(document.body).append(response);
},dataType);
//post,dataType可以不写
$.post(‘urlxxx‘,{name:‘boby‘},dataType);
（编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |