JavaScript下通过的XMLHttpRequest发送请求的代码


Posted in Javascript onJune 28, 2011

使用XMLHttpRequest对象分为4部完成:
1.创建XMLHttpRequest组建
2.设置回调函数
3.初始化XMLHttpRequest组建
4.发送请求
实例代码:

var userName; 
var passWord; 
var xmlHttpRequest; 
//XmlHttpRequest对象 
function createXmlHttpRequest(){ 
if(window.ActiveXObject){ //如果是IE浏览器 
return new ActiveXObject("Microsoft.XMLHTTP"); 
}else if(window.XMLHttpRequest){ //非IE浏览器 
return new XMLHttpRequest(); 
} 
} 
function onLogin(){ 
userName = document.f1.username.value; 
passWord = document.f1.password.value; 
var url = "LoginServlet?username="+userName+"&password="+passWord+""; 
//1.创建XMLHttpRequest组建 
xmlHttpRequest = createXmlHttpRequest(); 
//2.设置回调函数 
xmlHttpRequest.onreadystatechange = zswFun; 
//3.初始化XMLHttpRequest组建 
xmlHttpRequest.open("POST",url,true); 
//4.发送请求 
xmlHttpRequest.send(null); 
} 
//回调函数 
function zswFun(){ 
if(xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200){ 
var b = xmlHttpRequest.responseText; 
if(b == "true"){ 
alert("登录成功!"); 
}else{ 
alert("登录失败!"); 
} 
} 
}
Javascript 相关文章推荐
Extjs ajax同步请求时post方式参数发送方式
Aug 05 Javascript
jQuery实现页面滚动时层智能浮动定位实例探讨
Mar 29 Javascript
jQuery.Validate验证库的使用介绍
Apr 26 Javascript
Node.js 文件夹目录结构创建实例代码
Jul 08 Javascript
jquery对象与DOM对象转化
Feb 08 Javascript
bootstrap3 dialog 更强大、更灵活的模态框
Apr 20 Javascript
js canvas实现适用于移动端的百分比仪表盘dashboard
Jul 18 Javascript
React Native 图片查看组件的方法
Mar 01 Javascript
vue form check 表单验证的实现代码
Dec 09 Javascript
Vue2.x Todo之自定义指令实现自动聚焦的方法
Jan 08 Javascript
JS实现的定时器展示简单秒表、页面弹框及跳转操作完整示例
Jan 26 Javascript
vue组件传值的实现方式小结【三种方式】
Feb 05 Javascript
Extjs TimeField 显示正常时间格式的代码
Jun 28 #Javascript
javascript复制对象使用说明
Jun 28 #Javascript
javascript 45种缓动效果 非常酷
Jun 28 #Javascript
JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结
Jun 28 #Javascript
关于js类的定义
Jun 28 #Javascript
js 编程笔记 无名函数
Jun 28 #Javascript
jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
Jun 28 #Javascript
You might like
中国广播史趣谈 — 几个历史第一次
2021/03/01 无线电
PHP的变量总结 新手推荐
2011/04/18 PHP
php实现点击可刷新验证码
2015/11/07 PHP
Yii框架页面渲染操作实例详解
2019/07/19 PHP
在laravel中实现事务回滚的方法
2019/10/10 PHP
让FireFox支持innerText的实现代码
2009/12/01 Javascript
自写的jQuery异步加载数据添加事件
2014/05/15 Javascript
Javascript 拖拽的一些简单的应用(逐行分析代码,让你轻松了拖拽的原理)
2015/01/23 Javascript
jQuery实现左右切换焦点图
2015/04/03 Javascript
JavaScript获取指定元素位置的方法
2015/04/08 Javascript
js给selected添加options的方法
2015/05/06 Javascript
深入理解JavaScript中为什么string可以拥有方法
2016/05/24 Javascript
AngularJS使用ng-inlude指令加载页面失败的原因与解决方法
2017/01/19 Javascript
jQuery实现获取隐藏div高度的方法示例
2017/02/09 Javascript
解决vue单页路由跳转后scrollTop的问题
2018/09/03 Javascript
JavaScript 判断iPhone X Series机型的方法
2019/01/28 Javascript
简单了解Vue computed属性及watch区别
2020/07/10 Javascript
js实现验证码功能
2020/07/24 Javascript
[16:43]Heroes19_剃刀(完美)
2014/10/31 DOTA
一个基于flask的web应用诞生 bootstrap框架美化(3)
2017/04/11 Python
python 列表递归求和、计数、求最大元素的实例
2018/11/28 Python
Python 使用 attrs 和 cattrs 实现面向对象编程的实践
2019/06/12 Python
Django缓存系统实现过程解析
2019/08/02 Python
Python学习笔记之列表和成员运算符及列表相关方法详解
2019/08/22 Python
Python csv文件的读写操作实例详解
2019/11/19 Python
pytorch 准备、训练和测试自己的图片数据的方法
2020/01/10 Python
Html5剪切板功能的实现代码
2018/06/29 HTML / CSS
英国电子产品购物网站:TobyDeals
2018/07/30 全球购物
护理自荐信
2013/10/22 职场文书
超市业务员岗位职责
2013/12/05 职场文书
校园新闻广播稿
2014/01/10 职场文书
户籍证明模板
2014/09/28 职场文书
技术股份合作协议书
2014/10/05 职场文书
2015年小学总务工作总结
2015/07/21 职场文书
vue2实现provide inject传递响应式
2021/05/21 Vue.js
PostgreSQL事务回卷实战案例详析
2022/03/25 PostgreSQL