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

最新推荐文章于 2024-08-01 15:56:04 发布

MyNameIsGC007

最新推荐文章于 2024-08-01 15:56:04 发布

阅读量221

点赞数 1

CC 4.0 BY-SA版权

分类专栏： ajax xml json js 文章标签： AJAX 无刷新登陆

本文链接：https://blog.youkuaiyun.com/MyNameIsGC007/article/details/88063946

js 同时被 3 个专栏收录

2 篇文章

订阅专栏

ajax

1 篇文章

订阅专栏

xml

1 篇文章

订阅专栏

本文详细解析了AJAX的工作流程，包括创建XMLHttpRequest对象、发起HTTP请求、设置响应处理函数、发送请求、处理返回数据及局部刷新页面的过程。通过具体代码示例，展示了如何实现异步数据交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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)