使用JavaScript的XMLHttpRequest发送请求

简介: 转自http://blog.csdn.net/sz_bdqn/article/details/3863293 使用XMLHttpRequest对象分为4部完成:   1.创建XMLHttpRequest组建   2.

转自http://blog.csdn.net/sz_bdqn/article/details/3863293

使用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("登录失败!");
			}		
		}
	}


目录
相关文章
|
11天前
|
JSON JavaScript 前端开发
js请求后端9
js请求后端9
28 2
|
23天前
|
缓存 JavaScript 中间件
优化Express.js应用程序性能:缓存策略、请求压缩和路由匹配
在开发Express.js应用时,采用合理的缓存策略、请求压缩及优化路由匹配可大幅提升性能。本文介绍如何利用`express.static`实现缓存、`compression`中间件压缩响应数据,并通过精确匹配、模块化路由及参数化路由提高路由处理效率,从而打造高效应用。
66 5
|
2月前
|
JavaScript
Vue项目打包后都产生了哪些JS请求?
【8月更文挑战第19天】Vue项目打包后都产生了哪些JS请求?
74 0
Vue项目打包后都产生了哪些JS请求?
|
2月前
|
JavaScript Serverless Linux
函数计算产品使用问题之遇到Node.js环境下的请求日志没有正常输出时,该如何排查
函数计算产品作为一种事件驱动的全托管计算服务,让用户能够专注于业务逻辑的编写,而无需关心底层服务器的管理与运维。你可以有效地利用函数计算产品来支撑各类应用场景,从简单的数据处理到复杂的业务逻辑,实现快速、高效、低成本的云上部署与运维。以下是一些关于使用函数计算产品的合集和要点,帮助你更好地理解和应用这一服务。
|
2月前
|
缓存 JavaScript CDN
一次js请求一般情况下有哪些地方会有缓存处理?
一次js请求一般情况下有哪些地方会有缓存处理?
73 0
|
2月前
|
前端开发 JavaScript API
JavaScript异步编程2——结合XMLHttpRequest使用Promise
JavaScript异步编程2——结合XMLHttpRequest使用Promise
15 0
|
2月前
|
JavaScript 前端开发 数据安全/隐私保护
空气质量在线监测平台JS逆向:请求响应数据加密
空气质量在线监测平台JS逆向:请求响应数据加密
41 0
|
2月前
|
存储 中间件 API
Nest.js 实战 (六):使用 Session 在不同请求间存储信息
这篇文章介绍了在Nest.js中如何使用Session来记录客户状态。文章首先解释了Session的概念,然后详细说明了如何在Nest.js中安装和使用express-session,包括全局配置、参数说明、使用方式和常用方法。
|
3月前
|
存储 资源调度 前端开发
JavaScript 使用axios库发送 post请求给后端, 给定base64格式的字符串数据和一些其他参数, 使用表单方式提交, 并使用onUploadProgress显示进度
使用 Axios 发送包含 Base64 数据和其他参数的 POST 请求时,可以通过 `onUploadProgress` 监听上传进度。由于整个请求体被视为一个单元,所以进度可能不够精确,但可以模拟进度反馈。前端示例代码展示如何创建一个包含 Base64 图片数据和额外参数的 `FormData` 对象,并在上传时更新进度条。后端使用如 Express 和 Multer 可处理 Base64 数据。注意,实际进度可能不如文件上传精确,显示简单加载状态可能更合适。
|
3月前
|
XML 前端开发 JavaScript
JavaScript进阶 - AJAX请求与Fetch API
【7月更文挑战第9天】JavaScript进阶:AJAX与Fetch API对比。AJAX用于异步数据交换,XMLHttpRequest API复杂,依赖回调。Fetch API是现代、基于Promise的解决方案,简化请求处理。示例:`fetch('url').then(r => r.json()).then(data => console.log(data)).catch(err => console.error(err))`。注意点包括检查HTTP状态、错误处理、CORS、Cookie和超时。Fetch提高了异步代码的可读性,但需留意潜在问题。
78 0