ajax兼容xml,json写法,无刷新页面登陆

1 篇文章 0 订阅
1 篇文章 0 订阅

ajax 过程

1,创建 XMLHttpRequest 对象,也就是创建一个异步调用对象;
2,创建一个新的 HTTP 请求,并指定该 HTTP 请求的方法、URL 及验证信息;
3,设置响应 HTTP 请求状态变化的函数;
4,发送 HTTP 请求;
5,获取异步调用返回的数据;
6,使用 JavaScript 和 DOM 实现局部刷新;

var url="    这是你要请求参数的网址   "
var xmlhttp
if(window.ActiveXObject){
	xmlhttp=new ActiveXObject('Microsoft.XMLHTTP')
	}else{
	xmlhttp=new XMLHttpRequset()
}
xmlhttp.open("post",url,true)      //method,url,布尔值(true是异步false为同步)
xmlhttp.onreadystatechange=function(){
	//判断当前状态
	console.log("监听:"xmlhttp.readystate,xmlhttp.status)
	//判断异步请求的准备状态和网络状态
	if(xmlhttp.readystate==4  &&  xmlhttp.status==200){
		//回调数据,转化为JSON格式
		var cbd=JSON.parse(xmlhttp.responseText)
		console.log(cbd,typeof(cbd))
		if(cbd.content==false){
			alert(“用户提交空数据”)//根据实际情况填写判断条件
		}else if(cbd.content.name=="用户登录名" && cbd.content.pwd=="用户密码"){
			//匹配用户信息渲染数据
		}else{
		alert("用户名与密码不匹配,请从新输入")
		}
	}
}
//发送请求头:
xmlhttp.setRequestHeader("content-Type","application/x-www-from-urlencoded")
xmlhttp.send(url)  //发送请求  get请求发送空xmlhttp.send(null)
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值