var xhr = null;
//获取ajax对象
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
} else{
xhr = new ActiveXObject("Microsoft.XMLHttp");
}
xhr.onreadystatechange = function(){
console.log(xhr.readyState);
switch (xhr.readyState){
case 0:
console.log("尚未初始化");
break;
case 1:
console.log("尚未建立连接");
break;
case 2:
console.log("正在发送数据");
break;
case 3:
console.log("正在接受数据");
break;
case 4:
console.log("数据接收完成");
//处理接到的数据,这下面是重点
var text = xhr.responseText;
break;
}
}
//创建请求
xhr.open('get','http://localhost/PHP/ajax01.php?sel=4');
xhr.send(null);
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(){
if (xhr.readyState == 4) {
console.log("登陆成功:"+xhr.responseText);
}
}
//等到输入的用户名和密码,
var uname = "uname="+ encodeURIComponent(document.getElementById("uname").value);
var pwd = "pwd="+encodeURIComponent(document.getElementById("pwd").value);
xhr.open("post","http://localhos/PHP/ajax01.php");
//设置头信息,需要在open方法之后设置
xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
//设置参数
var str = uname+"&"+pwd;
xhr.send(str);
//AJAX
$.ajax({
url:"data.txt",
type:'get',
dataType:'json',
data:null,
async:true,
timeout:1000,//设定超时时间 一般都是3000毫秒
cache:false,//设定GET请求的时候不走 缓存数据,原理其实就是在URL末尾加随机数,默认是true
success:function(data){
console.log(data)
},
})
//JSONP
//JSONP都是GET和异步请求的,不存在其他的请求方式和同步请求,而且jquery默认会给JSONP的请求清楚缓存
$.ajax({
url:"http://matchweb.sports.qq.com/kbs/calendar?columnId=100000",
type:'get',
dataType:'jsonp',
jsonpCallback:"fn",//自定义传递给服务器的函数名,而不是使用jquery自动生成的
jsonp:'cb',//把传递函数名的那个形参callBack变为cb
success:function(data){
console.log(data)
},
})
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码(独立后台)...苏ICP备2024110244号-2 苏公网安备32050702011978号 增值电信业务经营许可证编号:苏B2-20251499 | Copyright 2018 - 2025 源码网商城 (www.ymwmall.com) 版权所有