<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请求的应答文档跟在后面。 

最新文章

  1. 复选框css
  2. 开始对函数式编程 产生了尊崇感,因为Spring4.x ,Grooxy,Lisp,网易出来伞哥和他的博客
  3. android快速开发框架
  4. UI课堂笔记
  5. C#多线程学习之(五)使用定时器进行多线程的自动管理
  6. 斐波那契数列PHP非递归数组实现
  7. 移动端折腾国外分享(facebook、twitter、linkedin)
  8. 给大家普及一下CPU和SOC的基本知识,好让大家在盲目喝彩做出基本的判断
  9. MVC中的Routing
  10. java多线程学习笔记——详细
  11. 当今app行业 比较流行的 简称 汇总
  12. JavaWeb学习笔记--2.jsp指令元素、动作元素、内置对象
  13. Javascript 缓冲运动——逐行分析代码,让你轻松了解缓冲运动的原理
  14. bouncycastle 国密SM2 API的使用
  15. windows Tomcat+Nginx 集群 迷你版
  16. vue安装babel依赖报错
  17. linux 内核参数优化
  18. TableVie优化方法和优化机制
  19. KubeletNotReady runtime network not ready: NetworkReady=false reason:NetworkPluginNotReady message:docker: network plugin is not ready: cni config uninitialized
  20. Hulu面试题

热门文章

  1. IPython学习笔记
  2. 淘宝API举例子
  3. Mysql 授权访问
  4. 物联网传输协议MQTT
  5. 对依赖倒置原则(DIP)及Ioc、DI、Ioc容器的一些理解(转)
  6. P2032 「Poetize9」升降梯上
  7. 【宽搜】Vijos P1360 八数码问题
  8. IIS7.0出错的解决方案 IIS 状态代码:IIS详细错误代码以及解释
  9. Android Proguard
  10. 【最短路】血色先锋军(scarlet) 解题报告