不用jquery等框架实现ajax无刷新登录
2024-08-27 02:41:11
<script type="text/javascript">
window.onload = function () { document.getElementById("btn").onclick = function () { var username = document.getElementById("uname").value;
var password = document.getElementById("pwd").value;
var xmh = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
xmh.open("post", "/Handler1.ashx?username=" + username + "&password=" + password, true);
xmh.onreadystatechange = function () {
if (xmh.readyState == 4) {
if (xmh.status == 200) {
//var x=eval('('+xmh.responseText+')');//把json字符串转换为json对象
//上下两种方法都行
var x = JSON.parse(xmh.responseText);//把json字符串转换为json对象
alert(x.status);
}
else {
alert("出错");
}
} };
xmh.send();
}
};
</script>
什么是 XMLHttpRequest 对象?
XMLHttpRequest 对象用于在后台与服务器交换数据。
XMLHttpRequest 对象是开发者的梦想,因为您能够:
- 在不重新加载页面的情况下更新网页
- 在页面已加载后从服务器请求数据
- 在页面已加载后从服务器接收数据
- 在后台向服务器发送数据
所有现代的浏览器都支持 XMLHttpRequest 对象。
在回调函数中处理服务器的响应
onreadystatechange就是回调函数(处理服务器的响应,根据状态码)
- 0:请求未初始化(还没有调用
open()
)。 - 1:请求已经建立,但是还没有发送(还没有调用
send()
)。 - 2:请求已发送,正在处理中(通常现在可以从响应中获取内容头)。
- 3:请求在处理中;通常响应中已有部分数据可用了,但是服务器还没有完成响应的生成。
- 4:响应已完成;您可以获取并使用服务器的响应了。
status这类状态代码表明服务器成功地接受了客户端请求(如果readystatus为4,这只是服务器端完成了响应,但是是否是正确的响应就不知道了)
200 - OK 一切正常,对GET和POST请求的应答文档跟在后面。
最新文章
- 复选框css
- 开始对函数式编程 产生了尊崇感,因为Spring4.x ,Grooxy,Lisp,网易出来伞哥和他的博客
- android快速开发框架
- UI课堂笔记
- C#多线程学习之(五)使用定时器进行多线程的自动管理
- 斐波那契数列PHP非递归数组实现
- 移动端折腾国外分享(facebook、twitter、linkedin)
- 给大家普及一下CPU和SOC的基本知识,好让大家在盲目喝彩做出基本的判断
- MVC中的Routing
- java多线程学习笔记——详细
- 当今app行业 比较流行的 简称 汇总
- JavaWeb学习笔记--2.jsp指令元素、动作元素、内置对象
- Javascript 缓冲运动——逐行分析代码,让你轻松了解缓冲运动的原理
- bouncycastle 国密SM2 API的使用
- windows Tomcat+Nginx 集群 迷你版
- vue安装babel依赖报错
- linux 内核参数优化
- TableVie优化方法和优化机制
- KubeletNotReady runtime network not ready: NetworkReady=false reason:NetworkPluginNotReady message:docker: network plugin is not ready: cni config uninitialized
- Hulu面试题